Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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: about 2 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/

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',
);
```