phone_form_field 0.0.4

Flutter phone input integrated with flutter internationalization

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_number_parser for parsing

Demo

Demo available at https://cedvdb.github.io/phone_form_field/

Usage

PhoneFormField(
  autofocus: true,
  initialValue: PhoneNumber.fromIsoCode('us', ''),
  onChanged: (p) => setState(() => phoneNumber = p!),
  onSaved: (p) => setState(() => phoneNumber = p),
  inputDecoration: InputDecoration(border: UnderlineInputBorder(),),
  // inputTextStyle: TextStyle(color: Colors.red),
  // enabled: true,
  // showFlagInInput: true,
  // autovalidateMode: AutovalidateMode.onUserInteraction,
),

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