bagasbanuna
0cb734e790
Changes: - Replace react-native-international-phone-number with PhoneInputCustom - Remove dependency on ICountry, use CountryData from constants - Add KeyboardAvoidingView for better iOS keyboard handling - Improve validation with libphonenumber-js - Add proper phone number formatting - Update state management (inputValue → phoneNumber) Features Applied: ✅ NO emoji flags - only calling codes (+62, +65, etc) ✅ Clean, professional UI ✅ Modal country picker with search ✅ Better keyboard handling on iOS ✅ Real-time validation with libphonenumber-js ✅ Auto-formatting for international numbers ✅ Reusable component UI: - Phone Input: [+62 ⌄ | 812-3456-7890] - Country Picker: Modal with search - Display: Country name + calling code only Validation: - Check phone number length - Validate with libphonenumber-js - Format to E.164 on login - Error handling with Toast Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>
Welcome to your Expo app 👋
This is an Expo project created with create-expo-app.
Get started
-
Install dependencies
npm install -
Start the app
npx expo start
In the output, you'll find options to open the app in a
- development build
- Android emulator
- iOS simulator
- Expo Go, a limited sandbox for trying out app development with Expo
You can start developing by editing the files inside the app directory. This project uses file-based routing.
Get a fresh project
When you're ready, run:
npm run reset-project
This command will move the starter code to the app-example directory and create a blank app directory where you can start developing.
Learn more
To learn more about developing your project with Expo, look at the following resources:
- Expo documentation: Learn fundamentals, or go into advanced topics with our guides.
- Learn Expo tutorial: Follow a step-by-step tutorial where you'll create a project that runs on Android, iOS, and the web.
Join the community
Join our community of developers creating universal apps.
- Expo on GitHub: View our open source platform and contribute.
- Discord community: Chat with Expo users and ask questions.