Skip to content

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

License

Notifications You must be signed in to change notification settings

zeyad-ahmad-aql/intl_phone_field

 
 

Repository files navigation

International Phone Field Package

All Contributors

Pub

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

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

dependencies:
  intl_phone_field: ^3.1.0

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);
    },
)

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>

<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

💻

LICENSE

License: MIT

About

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

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Dart 96.8%
  • HTML 2.1%
  • Other 1.1%