extended_phone_number_input

Description:

extended phone number input

A Highly customizable Phone input Flutter widget that supports country code, validation and contact picker.





Features #

Phone number with international validation
Include only specific countries
Exclude specific countries
Set a phone number using a controller (Selected country will be updated automatically)
Pick a phone number from contacts list

Getting started #
Install the package extended_phone_number_input:
flutter pub add extended_phone_number_input
copied to clipboard
If you target Android 11+ (API 30+) and want to use the build-in contact picker you need to add the android.permission.READ_CONTACTS permission on the AndroidManifest.xml as this permission will be requested automatically.
Usage #
A full and rich example can be found in /example folder.
Simple usage #
PhoneNumberInput(initialCountry: 'SA', locale: 'ar')
copied to clipboard
Show countries as dialog (default is bottom sheet) #
const PhoneNumberInput(
initialCountry: 'US',
locale: 'en',
countryListMode: CountryListMode.dialog,
contactsPickerPosition: ContactsPickerPosition.suffix,
)
copied to clipboard
Custom borders #
PhoneNumberInput(
initialCountry: 'TN',
locale: 'fr',
countryListMode: CountryListMode.dialog,
contactsPickerPosition: ContactsPickerPosition.suffix,
enabledBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(10),
borderSide: const BorderSide(color: Colors.purple)),
focusedBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(10),
borderSide: const BorderSide(color: Colors.purple))
)
copied to clipboard
Select Phone number programmatically #
To be able to select a phone number programmatically, we first need to define a PhoneInputController :
PhoneInputController _controller = PhoneInputController(context);
copied to clipboard
PhoneNumberInput(
controller: _controller
...
copied to clipboard
Select the desired phone number:
_controller.phoneNumber = '+1-....'
copied to clipboard
Note:
If you want to set the phone number from contact, The widget already support this feature without the need to use the controller.