international_phone_input 1.0.4

Flutter Android iOS

International Phone Number Input For Flutter. This packages validates phone number input value using the libphonenumber package.

international_phone_input #

International Phone Number Input For Flutter

Usage #

Just put the component in your application.

import 'package:international_phone_input/international_phone_input.dart';

String phoneNumber;
String phoneIsoCode;

void onPhoneNumberChange(String number, String internationalizedPhoneNumber, String isoCode) {
    setState(() {
       phoneNumber = number;
       phoneIsoCode = isoCode;
    });
}

// Default Widget with dropdown list
@override
 Widget build(BuildContext context) => Scaffold(
     body: Center(
       child: InternationalPhoneInput(
          onPhoneNumberChange: onPhoneNumberChange, 
          initialPhoneNumber: phoneNumber,
          initialSelection: phoneIsoCode,
          enabledCountries: ['+233', '+1']
       ),
     ),
 );

// Widget with text input only

 onValidPhoneNumber(
      String number, String internationalizedPhoneNumber, String isoCode) {
    setState(() {
      confirmedNumber = internationalizedPhoneNumber;
    });
  }

@override
 Widget build(BuildContext context) => Scaffold(
     body: Center(
       child:  InternationalPhoneInputText(
         onValidPhoneNumber: onValidPhoneNumber,
        ),
     ),
 );

// Widget with decoration
// Using decoration overwrites other styles such as hintStyle, hintText, etc.

@override
 Widget build(BuildContext context) => Scaffold(
     body: Center(
       child: InternationalPhoneInput(
          decoration: InputDecoration.collapsed(hintText: '(416) 123-4567'),
          onPhoneNumberChange: onPhoneNumberChange, 
          initialPhoneNumber: phoneNumber,
          initialSelection: phoneIsoCode,
          enabledCountries: ['+233', '+1'],
          showCountryCodes: false
       ),
     ),
 );

Customization #

Here is a list of properties available to customize the widget:

| Name | Type | Description | |:------------------: |:---------------: |:------------------------------------------: | | initialPhoneNumber | String | used to set initial phone number | | initialSelection | String | used to set initial country code | | errorText | String | use this to set an error message | | hintText | String | sets hint | | labelText | String | sets label | | errorStyle | TextStyle | style applied to error message | | hintStyle | TextStyle | style applied to hint | | labelStyle | TextStyle | style applied to label | | errorMaxLines | int | the maximum number of lines user can type | | enabledCountries | List

Contributions #

Contributions of any kind are more than welcome! Feel free to fork and improve international_phone_input in any way you want, make a pull request, or open an issue.

28
likes
90
pub points
94%
popularity

International Phone Number Input For Flutter. This packages validates phone number input value using the libphonenumber package.

Repository (GitHub)
View/report issues

Documentation

API reference

Uploader

laud.bt.gh@gmail.com

License

MIT (LICENSE)

Dependencies

flutter, libphonenumber

More

Packages that depend on international_phone_input