https://github.com/itsarvinddev/flutter_intl_phone_field

https://github.com/itsarvinddev/flutter_intl_phone_field

Last synced: 4 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/itsarvinddev/flutter_intl_phone_field
• Owner: itsarvinddev
• License: mit
• Created: 2024-03-29T19:01:19.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2025-10-22T02:10:20.000Z (8 months ago)
• Last Synced: 2026-01-11T10:39:29.948Z (5 months ago)
• Language: Dart
• Size: 1.32 MB
• Stars: 3
• Watchers: 1
• Forks: 15
• Open Issues: 12
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

          
# International Phone Field Package

[![Pub Version](https://img.shields.io/pub/v/flutter_intl_phone_field?color=blue&style=plastic)](https://pub.dev/packages/flutter_intl_phone_field)

[![GitHub Repo stars](https://img.shields.io/github/stars/rvndsngwn/flutter_intl_phone_field?color=gold&style=plastic)](https://github.com/rvndsngwn/flutter_intl_phone_field/stargazers)

[![GitHub Repo forks](https://img.shields.io/github/forks/rvndsngwn/flutter_intl_phone_field?color=slateblue&style=plastic)](https://github.com/rvndsngwn/flutter_intl_phone_field/fork)

[![GitHub Repo issues](https://img.shields.io/github/issues/rvndsngwn/flutter_intl_phone_field?color=coral&style=plastic)](https://github.com/rvndsngwn/flutter_intl_phone_field/issues)

[![GitHub Repo contributors](https://img.shields.io/github/contributors/rvndsngwn/flutter_intl_phone_field?color=green&style=plastic)](https://github.com/rvndsngwn/flutter_intl_phone_field/graphs/contributors)

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

This widget can be used to make customized 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:

```yaml

flutter pub add flutter_intl_phone_field

```

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

```yaml

dependencies:

  flutter_intl_phone_field: ^

```

Sometimes you may want to use the latest version of the package, instead of a published version. To do that, use the `git` syntax:

```yaml

dependencies:

  flutter_intl_phone_field:

    git:

      url: git://github.com/rvndsngwn/flutter_intl_phone_field.git

      ref: main

```

## How to Use

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

```dart

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.

## LICENSE

This project is licensed under the MIT license. See [LICENSE](LICENSE) for more information.