# Avatar Creator

Build an avatar feature by feature, with each style option previewed as the finished face. Your backdrop colour fills the whole screen, and saving shows the new face in a comment with its profile ring.

> Screen template — React Native, Expo Go compatible.

## Install

```bash
npx @lumioui/cli add pro/social-avatar-creator
```

## Import

```tsx
import { AvatarCreatorScreen } from "@/screens/social/avatar-creator";
```

## Registry dependencies

- `icon` — /components/icon
- `image` — /components/image
- `segmented-control` — /components/segmented-control
- `text` — /components/text

## Native packages

- react-native-safe-area-context@*
- react-native-reanimated@*
- react-native-svg@*

## Icons rendered

- `check` — /icons.html?i=check
- `shuffle` — /icons.html?i=shuffle

Source: https://lumioui.com/screens/social-avatar-creator