https://github.com/adityadees/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. :fire: :fire: :fire: https://adityadees.github.io/flutter_profile_picture/
https://github.com/adityadees/flutter_profile_picture

dart flutter flutter-apps flutter-examples flutter-package flutter-ui

Last synced: 3 months ago
JSON representation

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: https://adityadees.github.io/flutter_profile_picture/

• Host: GitHub
• URL: https://github.com/adityadees/flutter_profile_picture
• Owner: adityadees
• License: mit
• Created: 2021-09-20T07:59:44.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2023-02-17T11:02:28.000Z (over 2 years ago)
• Last Synced: 2024-08-01T12:26:11.930Z (11 months ago)
• Topics: dart, flutter, flutter-apps, flutter-examples, flutter-package, flutter-ui
• Language: Dart
• Homepage: https://pub.dev/packages/flutter_profile_picture
• Size: 5.07 MB
• Stars: 11
• Watchers: 3
• Forks: 10
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 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.

[![Flutter Test](https://github.com/adityadees/flutter_profile_picture/actions/workflows/flutter-test.yml/badge.svg)](https://github.com/adityadees/flutter_profile_picture/actions/workflows/flutter-test.yml)

[![Build GitHub Pages](https://github.com/adityadees/flutter_profile_picture/actions/workflows/gh-pages.yml/badge.svg)](https://github.com/adityadees/flutter_profile_picture/actions/workflows/gh-pages.yml)

[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://opensource.org/licenses/MIT)

[![pub package](https://img.shields.io/pub/v/flutter_profile_picture.svg)](https://pub.dartlang.org/packages/flutter_profile_picture)

[![GitHub popularity](https://img.shields.io/github/stars/adityadees/flutter_profile_picture?logo=github&logoColor=white)](https://github.com/adityadees/flutter_profile_picture/stargazers/)

![version](https://img.shields.io/github/v/release/adityadees/flutter_profile_picture)

![bandicam 2021-09-22 20-35-48-079 (online-video-cutter com)](https://user-images.githubusercontent.com/37553901/134374902-7247ec0d-8c00-4218-99c1-701cc1f01565.gif)

## Style

### Default Style

![image](https://user-images.githubusercontent.com/37553901/134119014-3b51bea5-e0bf-49b1-aa3e-8d5f91c6e92d.png)

``` dart

ProfilePicture(

    name: 'Dees',

    radius: 31,

    fontsize: 21,

);

ProfilePicture(

    name: 'Aditya Dharmawan Saputra',

    radius: 31,

    fontsize: 21,

);

```

### Random Color

![image](https://user-images.githubusercontent.com/37553901/134119324-8271b270-c695-4141-b079-bdc1c09ec0b0.png)

``` dart

ProfilePicture(

    name: 'Aditya Dharmawan Saputra',

    radius: 31,

    fontsize: 21,

    random: true,

);

```

### Max letter

![image](https://user-images.githubusercontent.com/37553901/134119854-72deba5c-67e5-42cd-b227-8dcf2b5beb9f.png)

``` dart

ProfilePicture(

    name: 'Aditya Dharmawan Saputra',

    radius: 31,

    fontsize: 21,

    count: 3,

);

```

### Empty Name / Blank

![image](https://user-images.githubusercontent.com/37553901/134119842-3a56f038-516e-4e08-a884-27eac8db73eb.png)

``` dart

ProfilePicture(

    name: '',

    radius: 31,

    fontsize: 21,

);

```

### With Images

![image](https://user-images.githubusercontent.com/37553901/134119814-8199fe68-cbc7-4a8d-8d4f-4abb16343a80.png)

``` dart

ProfilePicture(

    name: 'Aditya Dharmawan Saputra',

    radius: 31,

    fontsize: 21,

    img: 'https://avatars.githubusercontent.com/u/37553901?v=4',

);

```

### Tooltips without role

![image](https://user-images.githubusercontent.com/37553901/134119791-21eba1c7-e50f-44aa-b66d-30c41de98a87.png)

``` dart

ProfilePicture(

    name: 'Aditya Dharmawan Saputra',

    role: '',

    radius: 31,

    fontsize: 21,

    tooltip: true,

);

```

### Tooltips with role

![image](https://user-images.githubusercontent.com/37553901/134119720-ec140db1-b3ab-4422-90af-323b02d5060d.png)

``` dart

ProfilePicture(

    name: 'Aditya Dharmawan Saputra',

    role: 'ADMINISTRATOR',

    radius: 31,

    fontsize: 21,

    tooltip: true,

);

```

### Tooltips with role and images

![image](https://user-images.githubusercontent.com/37553901/134119679-44c74bcb-b51b-463f-ade1-42697d68eac5.png)

``` dart

ProfilePicture(

    name: 'Aditya Dharmawan Saputra',

    role: 'ADMINISTRATOR',

    radius: 31,

    fontsize: 21,

    tooltip: true,

    img: 'https://avatars.githubusercontent.com/u/37553901?v=4',

);

```