profile_photo 1.0.0 copy "profile_photo: ^1.0.0" to clipboard
profile_photo: ^1.0.0 copied to clipboard

outdated

A simple Flutter package to display a profile photo with a badge

profile_photo #

Creates a widget that was designed to be used to display a profile photo, but it could also be used in many other ways

Features #

  • Ability to add a custom badge to the widget, could be used to display premium users for example
  • Will automatically figure out a users initals to display if no image is given, but a name is
  • ImageProvider as an image source to use either network or asset images
  • onTap and onLongPress call backs
  • Adjustable size
  • Adjustable corner radius
  • Adjustable outline width
  • Adjustable background and outline colors

Getting started #

Add the dependency and add anywhere in widget tree

Usage #

ProfilePhoto(
    totalWidth: 200,
    cornerRadius: 25,
    color: Colors.blue,
    outlineColor: Colors.red,
    outlineWidth: 10,
    textPadding: 10,
    name: 'Brad Varnum',
    fontColor: Colors.white,
    nameDisplayOption: NameDisplayOptions.initials,
    fontWeight: FontWeight.w100,
    showName: true,
    image: const AssetImage('assets/test_profile_photo.jpg'),
    badgeAlignment: Alignment.bottomLeft,
    badgeSize: 60,
    badgeImage: const AssetImage('assets/star.png'),
    onTap: () {
        // open profile for example
    },
    onLongPress: () {
        // popup to message user for example
    },
),

exmaple photo

Additional information #

  • Feel free to use as-is or fork and modify for what you need
  • If you find any issues, please create a issue in this repo
  • I made this mostly for fun, and explore the package creation process
12
likes
0
points
461
downloads

Publisher

unverified uploader

Weekly Downloads

A simple Flutter package to display a profile photo with a badge

Repository (GitHub)
View/report issues

License

unknown (license)

Dependencies

flutter

More

Packages that depend on profile_photo