HomePhabricator
Diffusion Comm f25dad1c92f1

[native] introduce emoji avatar creation screen

Description

[native] introduce emoji avatar creation screen

Summary:
Introduce emoji avatar creation screen. Subsequent diffs will integrate this into the profile navigator/navigating to this screen. This diff is purely just a UI/UX diff for the avatar creation screen, and the next diff will handle the behavior/UX when a user tries to save their new emoji avatar

Link to figma

Design:

Screenshot 2023-04-04 at 3.44.01 PM.png (1×556 px, 76 KB)

Depends on D7373

Test Plan:
Please watch the demo video to see how the emoji avatar creation screen works.

UPDATE:
Got some feedback regarding the colors we were using, synced with Ted and now this is what the screen will look like visually:

Screenshot 2023-04-10 at 2.37.24 PM.png (1×1 px, 796 KB)

Screenshot 2023-04-10 at 2.37.11 PM.png (1×1 px, 787 KB)

Reviewers: ashoat, atul

Reviewed By: ashoat

Subscribers: ashoat, tomek, atul

Differential Revision: https://phab.comm.dev/D7323

Details

Provenance
ginsuAuthored on Apr 10 2023, 8:47 PM
Reviewer
ashoat
Differential Revision
D7323: [native] introduce emoji avatar creation screen
Parents
rCOMMc1ec9c0a5ec7: [native] change outerRingSelectedColor prop type from string to ViewStyle
Branches
Unknown
Tags
Unknown