A group of overlapping round avatars is called face piles.
A face pile is a series of overlapping avatar images that come and go as users join and leave a given group.
Getting started
Add this to your package’s pubspec.yaml
file:
dependencies:
flutter_face_pile: ^0.0.3
Now in your Dart code, you can use:
import 'package:flutter_face_pile/flutter_face_pile.dart';
Usage
import 'package:flutter_face_pile/flutter_face_pile.dart'; FacePile( faces: [ FaceHolder( id: '1', name: 'user 1', avatar: NetworkImage('https://i.pravatar.cc/300?img=1'), ), FaceHolder( id: '2', name: 'user 2', avatar: NetworkImage('https://i.pravatar.cc/300?img=2'), ), FaceHolder( id: '3', name: 'user 3', avatar: NetworkImage('https://i.pravatar.cc/300?img=3'), ), ], faceSize: 50, facePercentOverlap: .4, borderColor: Colors.white, ),
Contribute
Contributions are welcome if you have an issue or any problem with this package please file issues, or make pull requests.
Contribute and/or download the source code of this package on GitHub
Provides the list of the opensource Flutter apps collection with GitHub repository.