International Phone Field Package #

A customised Flutter TextFormField to input international phone number along with country code.

This widget can be used to make customised text field to take phone number input for any country along with an option to choose country code from a dropdown.

Screenshots #

Installing #

To use this package:

Run this command:

flutter pub add intl_phone_field

copied to clipboard

Or, add the following to your pubspec.yaml file:

dependencies:
  intl_phone_field: ^3.1.0

copied to clipboard

How to Use #

Simply create a IntlPhoneField widget, and pass the required params:

IntlPhoneField(
    decoration: InputDecoration(
        labelText: 'Phone Number',
        border: OutlineInputBorder(
            borderSide: BorderSide(),
        ),
    ),
    initialCountryCode: 'IN',
    onChanged: (phone) {
        print(phone.completeNumber);
    },
)

copied to clipboard

Use initialCountryCode to set an initial Country Code.

Contributing #

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

Comment on Issue or Pull Request, asking @all-contributors to add a contributor:

@all-contributors please add @<username> for <contributions>

copied to clipboard

<contributions>: See the Emoji Key (Contribution Types Reference) for a list of valid contribution types.

Maintainers #

Contributors #

_{Vansh Goel} 💻	_KNO3 💻	_{Ling Li} 💻	_{Anggara Putra Pratama} 💻	_{JJ Geewax} 💻	_{Keval Prajapati} 💻	_{Guillaume Launay} 💻
_hans.huang 💻 📖