Back to components
Auth component
Login Screen
Login screen with email/password form, validation (zod + react-hook-form), social buttons, and navigation links.
Install
What it does
- Email + password form with zod validation
- Password visibility toggle
- Social login buttons (Google, Apple, Facebook)
- Forgot password and sign-up navigation links
- Safe-area-aware layout with KeyboardAvoidingView
- useSafeAreaInsets integration
When to use
Use it
Email/password authentication screens, login-as-first-screen apps.
Skip it
OTP-only login (use verify-otp-screen), or OAuth-only flows.
Prerequisites
- Expo Router
- react-hook-form
- zod
- @hookform/resolvers
Files & routes added
- components/auth/login-screen.tsx