Skip to main content

rn-international-phone-number

International mobile phone input for React Native, Expo and React Native Web. Country dial code selector, flag picker, auto phone mask, validation, line-type detection, smart paste, and i18n for 33 languages.

npm versionnpm downloadsGitHub starsISC License

rn-international-phone-number preview — React Native international phone number input, country dial code selector, flag picker with auto phone mask, validation and i18n

Features​

  • 🌎 Phone Input Mask – Auto-formatting per selected country
  • ✅ Validation – Check phone number, with optional onValidationChange callback
  • 📞 Line Type Detection – Tell MOBILE, FIXED_LINE, TOLL_FREE, VOIP and more apart
  • 📋 Smart Paste – Paste an E.164 number and the country switches automatically
  • 💡 Dynamic Placeholder – Country-aware example number as placeholder (placeholderType="number")
  • 🪝 Headless Hook – usePhoneInput exposes all state + setters for fully custom UIs
  • 📱 Cross-Platform – Works seamlessly on iOS, Android and Web
  • 🧩 Flexible Integration – Supports both React Native CLI & Expo
  • 👨‍💻 Component Versatility – Works with functional & class components
  • 🎨 Modern UI – Custom component with sleek design
  • 🈶 Internationalization – Supports 33 languages (ISO 639-1 and ISO 639-2)
  • 🧪 Test Ready – Smooth testing integration
  • ♿ Accessibility – Accessibility standards for screen readers

Try it out​

Next steps​

Support the project​

If this library saves you time, consider buying me a coffee ☕.