phone_form_field
Flutter phone input integrated with flutter internationalization
Features
- Totally cross platform, this is a dart only package / dependencies
- Internationalization support, without bloated json with all translations.
- Phone number validation
- Extends Flutter’s FormField
- Uses dart phone_numbers_parser for parsing
Demo
Demo available at https://cedvdb.github.io/phone_form_field/
Usage
PhoneFormField( initialValue: phoneNumber, autofocus: true, decoration: InputDecoration( labelText: 'Phone', border: OutlineInputBorder(), // ... ), onChanged: (p) => setState(() => phoneNumber = p!), onSaved: (p) => setState(() => phoneNumber = p), phoneNumberType: null, // could be PhoneNumberType.mobile or phoneNumberType.fixed for more specific validation ),
Internationalization
Include the delegate
return MaterialApp( localizationsDelegates: [ ...GlobalMaterialLocalizations.delegates, PhoneFieldLocalization.delegate ], supportedLocales: [ const Locale('en', ''), const Locale('es', ''), const Locale('fr', ''), const Locale('ru', ''), // ... ],
Tnat’s it.
A bunch of languages are built-in:
- 'ar',
- 'de',
- 'en',
- 'es',
- 'fr',
- 'hin',
- 'it',
- 'nl',
- 'pt',
- 'ru',
- 'zh',
If one of the language you target is not supported you can submit a pull request with the translated file in assets/translation
Download phone form field widget source code on GitHub
https://github.com/cedvdb/phone_form_field
Provides the list of the opensource Flutter apps collection with GitHub repository.