Flutter Face Pile

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

https://github.com/cmedamine/flutter-face-pile