country_code_picker_plus

Description:

country code picker plus

country_code_picker_plus #
A Flutter package that provides an easy-to-use widget for picking country codes. This widget
supports various customization options including displaying country flags, searching countries, and
presenting the picker in different modes such as dialog, dropdown, and bottom sheet.
Description #
country_code_picker_plus is a Flutter package designed to simplify the process of selecting
country codes in your mobile application. This package provides extensive customization options,
allowing developers to tailor the picker to their specific needs. Whether you want to show country
flags, search for countries, or present the picker in different styles, country_code_picker_plus
has you covered.

Sample Code #
Here is a basic example demonstrating how to use the country_code_picker_plus package with various
customization options:
CountryCodePicker(
mode: CountryCodePickerMode.dialog,
onChanged: (country) {
print('Country code selected: ${country.code}');
},
initialSelection: 'US',
showFlag: true,
showDropDownButton: true,
)
copied to clipboard
Mode Property #



Mode
Description




dialog
Shows the country picker in a modal dialog.


dropdown
Shows the country picker as a dropdown menu.


bottomSheet
Shows the country picker in a bottom sheet, sliding up from the bottom of the screen.



This table provides a concise description of the different modes available for
the CountryCodePickerMode property.










'CountryCodePickerMode.dialog'
'CountryCodePickerMode.dropdown'
'CountryCodePickerMode.bottomSheet'



Other Properties #



Name
Type
Description




mode
CountryCodePickerMode
The mode to display the country picker (dialog, dropdown, bottomSheet).


onChanged
ValueChanged
callback invoked when the selection changes


onInit
ValueChanged
callback invoked during initialization of the widget


initialSelection
String
used to set the initial selected value


favorite
List
used to populate the favorite country list


textStyle
TextStyle
TextStyle applied to the widget button


textOverflow
TextOverflow
the button text overflow behaviour


dialogSize
Size
the size of the selection dialog


countryFilter
List
uses a list of strings to filter a sublist of countries


showOnlyCountryWhenClosed
bool
if true it'll show only the country


alignLeft
bool
aligns the flag and the Text to the left


showFlag
bool
shows the flag everywhere


showFlagMain
bool
shows the flag only when closed


showFlagDialog
bool
shows the flag only in dialog


flagWidth
double
the width of the flags


flagDecoration
Decoration
used for styling the flags


comparator
Comparator
use this to sort the countries in the selection dialog


hideSearch
bool
if true the search feature will be disabled


padding
EdgeInsetsGeometry
the padding applied to the button


showCountryOnly
bool
true if you want to see only the countries in the selection dialog


searchDecoration
InputDecoration
decoration applied to the TextField search widget


searchStyle
TextStyle
style applied to the TextField search widget text


emptySearchBuilder
WidgetBuilder
use this to customize the widget used when the search returns 0 elements


builder
Function(CountryCode)
use this to build a custom widget instead of the default FlatButton


enabled
bool
set to false to disable the widget




PhoneInputField Widget #
This widget allows users to enter a phone number with a country code. It validates the phone number
according to the country code and formats the phone number.
Features #

Validate Phone Number: Validates the phone number according to the country code.
Format Phone Number: Automatically formats the phone number.

Usage #
PhoneInputField(
decoration: const InputDecoration(
labelText: 'Phone number',
hintText: '91 123-456-7890',
),
onPhoneNumberValidated: (isValid, phoneNUmber) {
if (isValid) {
debugPrint('Phone number: ${phoneNUmber!.number}');
debugPrint(
'Internationalized phone number: ${phoneNUmber.internationalizedPhoneNumber}');
debugPrint('ISO code: ${phoneNUmber.isoCode}');
} else {
debugPrint('Invalid phone number');
}
})
copied to clipboard

This section describes the PhoneInputField widget with its features and provides a sample code
snippet on how to use it.

Contributions #
Contributions of any kind are more than welcome! Feel free to fork and improve
country_code_picker_plus
in any way you want, make a pull request, or open an issue.
Contributors ✨ #
Thanks goes to these wonderful people ✨✨ :






YudizAndroidNaresh💻 📖






This project follows the all-contributors specification. Contributions of any kind welcome!
Getting Involved #
First of all, thank you for considering to get involved. You are a real superstar ⭐ and we ❤️ you!
Reporting Bugs and Issues #
Use the configured Github issue report template when reporting an issue. Make sure to clearly state your observations and expectations so we can understand your needs and troubleshoot effectively.
Discussions and Ideas #
We're happy to discuss and talk about ideas. Post your questions on StackOverflow.

Visitors Count #