Automatically generate profile picture with random first name and background color. But you can still provide pictures if you have them. As the default color, based on the name of the first letter. :fire: :fire: :fire:

Overview

FLUTTER PROFILE PICTURE

Automatically generate profile picture with random first name and background color. But you can still provide pictures if you have them. As the default color, based on the name of the first letter.

bandicam 2021-09-22 20-35-48-079 (online-video-cutter com)

Style

Default Style

image

ProfilePicture(
    name: 'Dees',
    radius: 31,
    fontsize: 21,
);

ProfilePicture(
    name: 'Aditya Dharmawan Saputra',
    radius: 31,
    fontsize: 21,
);

Random Color

image

ProfilePicture(
    name: 'Aditya Dharmawan Saputra',
    radius: 31,
    fontsize: 21,
    random: true,
);

Max letter

image

ProfilePicture(
    name: 'Aditya Dharmawan Saputra',
    radius: 31,
    fontsize: 21,
    count: 3,
);

Empty Name / Blank

image

ProfilePicture(
    name: '',
    radius: 31,
    fontsize: 21,
);

With Images

image

ProfilePicture(
    name: 'Aditya Dharmawan Saputra',
    radius: 31,
    fontsize: 21,
    img: 'https://avatars.githubusercontent.com/u/37553901?v=4',
);

Tooltips without role

image

ProfilePicture(
    name: 'Aditya Dharmawan Saputra',
    role: '',
    radius: 31,
    fontsize: 21,
    tooltip: true,
);

Tooltips with role

image

ProfilePicture(
    name: 'Aditya Dharmawan Saputra',
    role: 'ADMINISTRATOR',
    radius: 31,
    fontsize: 21,
    tooltip: true,
);

Tooltips with role and images

image

ProfilePicture(
    name: 'Aditya Dharmawan Saputra',
    role: 'ADMINISTRATOR',
    radius: 31,
    fontsize: 21,
    tooltip: true,
    img: 'https://avatars.githubusercontent.com/u/37553901?v=4',
);
You might also like...

Sort it - Nothing is waste, but it becomes one when it is in the wrong place ,but who has the time to sort it and put it at its right place?

Sort it - Nothing is waste, but it becomes one when it is in the wrong place ,but who has the time to sort it and put it at its right place?

Sort It ✅ Nothing is waste, but it becomes one when it is in the wrong place , ?

Dec 6, 2022

Flutter profile ui - Round Image Profile UI For Flutter

Flutter profile ui - Round Image Profile UI For Flutter

round_image_page A new Flutter project.

Oct 21, 2022

A widget based on Flutter's new Interactive Viewer that makes picture pinch zoom, and return to its initial size and position when released.

A widget based on Flutter's new Interactive Viewer that makes picture pinch zoom, and return to its initial size and position when released.

pinch_zoom A widget based on Flutter's new Interactive Viewer that makes picture pinch zoom, and return to its initial size and position when released

Dec 30, 2022

A Flutter example about simple authentication with Auth0 and generate random QR code.

A Flutter example about simple authentication with Auth0 and generate random QR code.

ryougoku This is Flutter example about simple authentication with Auth0 and generate random QR code. Environment setup Use need to create a .env.devel

Sep 24, 2022

A dart timer that can be configured to fire once or repeatedly with ability start, stop, resume and cancel.

A timer that can be configured to fire once or repeatedly with ability start, stop, resume and cancel. Getting started Add CompleteTimer to your pubsp

Jul 20, 2022

Random-Face-Generator - A Cross-Platform(Web, Android, iOS) app to Generate Faces of People (These people don't actually exist) made using Flutter

Random-Face-Generator - A Cross-Platform(Web, Android, iOS) app to Generate Faces of People (These people don't actually exist) made using Flutter

👨 👩 Flutter Random Face Generator A flutter app to generate random faces. The

Dec 25, 2022

A simple flutter application using #clean_architecture to generate random quotes using from #api

flutter_random_quotes_app_wth_clean_architecture A new Flutter project. Getting Started Project Structure ├── assets | ├── images | ├── 1x

Oct 4, 2022
Comments
  • null safe library

    null safe library

    The library 'package:flutter_profile_picture/flutter_profile_picture.dart' is legacy, and should not be imported into a null safe library. Try migrating the imported library.

    opened by Dimitry82 3
  • Make lib null safe

    Make lib null safe

    Upgrade sdk to 2.12.0 as a minimum - then fixed the compile issues where nullability is now a thing.

    Mostly just letting intellij sort it out. The only thing that might be breaking is changing

    Path getInnerPath(Rect rect, {TextDirection textDirection}) => null; as null can't be returned there anymore. It now returns a default Path()

    opened by pm489 1
  • Option to modify filterQuality

    Option to modify filterQuality

    Hi, this package is awesome and I've been using this since then. I think it would be better to have option filterQuality? Because images in desktop are bit blurry. image

    But when I use CircleAvatar it have the same output, but when I put filter: FilterQuality.medium the blurry image was fixed.

    enhancement 
    opened by keanallen 1
Releases(v2.0.0)
  • v2.0.0(May 3, 2022)

    Releases v2.0.0

    • Migrated to null-safety
    • Upgrade sdk to 2.12.0 as a minimum
    • Fixed the compile issues where nullability is now a thing
    • Fixing color name for the letter 'Z'
    • Add horizontal and vertical scroll for demo apps (you can run demo apps inside example folder)
    • Add automatic testing when contributor do pull request (github)
    • Add auto build gh-pages for live demo (you can see live demo here https://adityadees.github.io/flutter_profile_picture/)

    What's Changed

    • Fixing color name for the letter 'Z' by @vitorhm in https://github.com/adityadees/flutter_profile_picture/pull/7
    • Make lib null safe by @pm489 in https://github.com/adityadees/flutter_profile_picture/pull/8
    • Update main.dart by @adityadees in https://github.com/adityadees/flutter_profile_picture/pull/9
    • testing by @adityadees in https://github.com/adityadees/flutter_profile_picture/pull/10
    • Update gh-pages.yml by @adityadees in https://github.com/adityadees/flutter_profile_picture/pull/11
    • test build by @adityadees in https://github.com/adityadees/flutter_profile_picture/pull/12
    • Update gh-pages.yml by @adityadees in https://github.com/adityadees/flutter_profile_picture/pull/13

    New Contributors

    • @vitorhm made their first contribution in https://github.com/adityadees/flutter_profile_picture/pull/7
    • @pm489 made their first contribution in https://github.com/adityadees/flutter_profile_picture/pull/8

    Full Changelog: https://github.com/adityadees/flutter_profile_picture/compare/v1.0.2...v2.0.0

    Source code(tar.gz)
    Source code(zip)
  • v1.0.2(Sep 24, 2021)

  • v1.0.1(Sep 21, 2021)

  • v1.0.0(Sep 21, 2021)

    v1.0.0

    Initial Release with 8 feature

    1. Default Style
    2. Random Color
    3. Max letter
    4. Empty Name / Blank
    5. With Images
    6. Tooltips without role
    7. Tooltips with role
    8. Tooltips with role and images
    Source code(tar.gz)
    Source code(zip)
Owner
Aditya Dharmawan Saputra
Someone who adheres to idealism. It can be anything as long as you put in the hard work | Sarcasm | Web Developer | Information System Unsri '13
Aditya Dharmawan Saputra
Advanced & beautiful animations inspired by animate_do and Animate.css, every animation is a widget that contains default but customizable values 💙

animate_it An animation package inspired by animate_do and Animate.css. Since the original animate_do is not being maintained, I have decided to creat

Luke Moody 3 Oct 1, 2022
Flutter plugin for selecting images from the Android and iOS image library, taking new pictures with the camera, and edit them before using such as rotation, cropping, adding sticker/text/filters.

advance_image_picker Flutter plugin for selecting multiple images from the Android and iOS image library, taking new pictures with the camera, and edi

Weta Vietnam 91 Dec 19, 2022
Material color picker, you can customize colors. Selection in two step, first main color and after shades.

Flutter Material Color Picker Material Color picker is a Flutter widget, that can be customizable. By default, it's Material Colors, but you can defin

Jean-Charles Moussé 70 Nov 25, 2022
Chance Dart is a free Open Source project that lets you create random strings, integers, and other things to help with tiresome tasks, especially when building automated tests or wherever else you require anything random.

Chance Dart Random generator helper for Dart Homepage • Documentation Overview Chance Dart is a free Open Source project that lets you create random s

Ayotomide 55 Dec 27, 2022
ThemeX is an easy theme manipulation. Only inform primary color and the ThemeX generate all color combination palette for you

ThemeX is an easy theme manipulation basied on Material Design. Only inform primary color and the ThemeX generate all color combination palette for yo

Michael S. Lopes 2 Jan 31, 2022
Music-App-Flutter - This is a flutter app which has some songs displayed in the form of a list and user can play any of them by clicking on the name of the song.

music_player_app A music player app made by me in flutter About the App This is a music player which i made to play audio files which we have passed i

Harsh Kumar Khatri 3 Apr 1, 2021
dos downloader app is developed for downloading video. You can download video from YouTube and Facebook. You can also play video on background

dosdownloader Dos downloader app is developed for downloading video. You can download video from YouTube and Facebook. You can also play video on back

Md Abir Ahsan Tahmim 1 Dec 8, 2021
BubbleShowcase is a small but power flutter package that allows you to highlight specific parts of your app to explain them to the user or to showcase your app new features.

BubbleShowcase BubbleShowcase is a small but powerful flutter package that allows you to highlight specific parts of your app (to explain them to the

Hugo Delaunay 38 Oct 26, 2022
null 0 Feb 2, 2022