flutter_notion_avatar

Description:

flutter notion avatar

Notion Avatar Widget #
Flutter Widget plugin for generating and displaying Notion Avatars.

This plugin is written simply for use with ToyProject. There is still a lot of work to be done, so if you have any additions or issues, please leave them on Github/issues.



Usage
Preview



Wrap the NotionAvatar widget inside a SizedBox(or Widget) to specify the size. Use the `useRandom` property to generate a random avatar.
SizedBox(
width: 300,
height: 300,
child: NotionAvatar(
useRandom: true,
onCreated: (NotionAvatarController controller) {
this.controller = controller;
},
),
)
copied to clipboard






Controller Methods #
The NotionAvatarController provides the following methods to control the avatar:

random(): Generates a random avatar.
setAccessories(int index): Sets the accessories of the avatar.
setEyes(int index): Sets the eyes of the avatar.
setEyebrows(int index): Sets the eyebrows of the avatar.
setFace(int index): Sets the face of the avatar.
setGlasses(int index): Sets the glasses of the avatar.
setHair(int index): Sets the hair of the avatar.
setMouth(int index): Sets the mouth of the avatar.
setNose(int index): Sets the nose of the avatar.
setDetails(int index): Sets the details of the avatar.

Styles #

Accessories

Accessories can be customized using the NotionAvatarController's setAccessories() method.


Beard

Beard styles can be customized using the NotionAvatarController's setDetails() method.


Details

Details can be customized using the NotionAvatarController's setDetails() method.


Eyebrows

Eyebrow styles can be customized using the NotionAvatarController's setEyebrows() method.


Eyes

Eye styles can be customized using the NotionAvatarController's setEyes() method.


Face

Face styles can be customized using the NotionAvatarController's setFace() method.


Glasses

Glasses styles can be customized using the NotionAvatarController's setGlasses() method.


Hair

Hair styles can be customized using the NotionAvatarController's setHair() method.


Mouth

Mouth styles can be customized using the NotionAvatarController's setMouth() method.


Nose

Nose styles can be customized using the NotionAvatarController's setNose() method.

Assets #

Illustration designer: @Felix Wong on ProductHunt
Pack of illustrations: Noto avatar
Assets licensed under CC0
Reference by Mayandev/notion-avatar