Back to components
Auth component
Complete Profile Screen
Post-registration profile completion with avatar upload, username, phone, and date of birth fields.
Install
What it does
- Avatar picker with expo-image-picker
- Username, phone, date of birth fields
- Gender radio selection
- zod validation for all fields
- Save button with loading state
When to use
Use it
Onboarding profile completion, first-time user profile setup.
Skip it
Simple name-only updates (use a minimal form instead).
Prerequisites
- react-hook-form
- zod
- @hookform/resolvers
- expo-image-picker
Files & routes added
- components/auth/complete-profile-screen.tsx