bagasbanuna 0d2fef1878 Feat: add reusable PhoneInput component without flags
New Components:
- PhoneInputCustom: Reusable phone input without emoji flags
- constants/countries.ts: Country data with calling codes only

Features:
 NO emoji flags - only country name + calling code (+62, +65, etc)
 Clean, professional UI
 Modal country picker with search
 15 countries supported
 Helper functions: getCountryByCallingCode, getCountryByCode, searchCountries
 Fully typed with TypeScript
 Reusable across the app
 Maximum compatibility (no emoji rendering issues)

UI Design:
- Phone Input: [+62 ⌄ | 812-3456-7890]
- Country Picker: Modal with search
- Display: Country name + calling code only

Usage:
import { PhoneInputCustom } from '@/components';
import { DEFAULT_COUNTRY } from '@/constants/countries';

<PhoneInputCustom
  value={phoneNumber}
  onChangePhoneNumber={setPhoneNumber}
  selectedCountry={selectedCountry}
  onChangeCountry={setSelectedCountry}
/>

Benefits:
 Works on ALL iOS versions (no emoji issues)
 Consistent across all platforms
 Faster render (no emoji/image loading)
 Cleaner code structure
 Easy to maintain

Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>
2026-03-26 11:27:59 +08:00
2025-06-23 10:18:59 +08:00
2025-11-19 17:40:35 +08:00
2026-03-11 15:04:32 +08:00
2026-01-29 11:36:24 +08:00
2026-01-29 11:36:24 +08:00
2026-01-06 12:27:30 +08:00
2025-06-26 14:33:41 +08:00
2026-01-17 15:59:00 +08:00
2026-03-12 16:50:02 +08:00
API
2025-08-19 11:07:42 +08:00
2026-02-24 16:48:37 +08:00
2025-07-01 17:47:51 +08:00
2025-06-23 10:18:59 +08:00
2025-11-14 17:44:22 +08:00
API
2025-08-21 15:22:14 +08:00
2026-02-24 16:48:37 +08:00
2026-03-13 16:41:34 +08:00
2025-06-20 16:14:23 +08:00
2025-11-10 10:59:48 +08:00
2025-08-19 17:42:05 +08:00

Welcome to your Expo app 👋

This is an Expo project created with create-expo-app.

Get started

  1. Install dependencies

    npm install
    
  2. Start the app

    npx expo start
    

In the output, you'll find options to open the app in a

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:

Join the community

Join our community of developers creating universal apps.

hipmi-mobile

Description
No description provided
Readme 12 MiB
Languages
TypeScript 98.9%
Kotlin 0.3%
Ruby 0.3%
JavaScript 0.3%
Swift 0.2%