GitLocker: The Coding Marketplace

Description:

country code picker

LinkedIn
LinkedIn
country_code_picker #
A flutter package for showing a country code selector.
It supports i18n for 70 languages.
Check the example on web! https://imtoori.dev/CountryCodePicker/#/

Usage #
Just put the component in your application setting the onChanged callback.

@override
Widget build(BuildContext context) => new Scaffold(
body: Center(
child: CountryCodePicker(
onChanged: print,
// Initial selection and favorite can be one of code ('IT') OR dial_code('+39')
initialSelection: 'IT',
favorite: ['+39','FR'],
// optional. Shows only country name and flag
showCountryOnly: false,
// optional. Shows only country name and flag when popup is closed.
showOnlyCountryWhenClosed: false,
// optional. aligns the flag and the Text left
alignLeft: false,
),
),
);

copied to clipboard
Example:

void _onCountryChange(CountryCode countryCode) {
//TODO : manipulate the selected country code here
print("New Country selected: " + countryCode.toString());
}

copied to clipboard
i18n #
Just add the CountryLocalizations.delegate in the list of your app delegates
return new MaterialApp(
supportedLocales: [
Locale("af"),
Locale("am"),
Locale("ar"),
Locale("az"),
Locale("be"),
Locale("bg"),
Locale("bn"),
Locale("bs"),
Locale("ca"),
Locale("cs"),
Locale("da"),
Locale("de"),
Locale("el"),
Locale("en"),
Locale("es"),
Locale("et"),
Locale("fa"),
Locale("fi"),
Locale("fr"),
Locale("gl"),
Locale("ha"),
Locale("he"),
Locale("hi"),
Locale("hr"),
Locale("hu"),
Locale("hy"),
Locale("id"),
Locale("is"),
Locale("it"),
Locale("ja"),
Locale("ka"),
Locale("kk"),
Locale("km"),
Locale("ko"),
Locale("ku"),
Locale("ky"),
Locale("lt"),
Locale("lv"),
Locale("mk"),
Locale("ml"),
Locale("mn"),
Locale("ms"),
Locale("nb"),
Locale("nl"),
Locale("nn"),
Locale("no"),
Locale("pl"),
Locale("ps"),
Locale("pt"),
Locale("ro"),
Locale("ru"),
Locale("sd"),
Locale("sk"),
Locale("sl"),
Locale("so"),
Locale("sq"),
Locale("sr"),
Locale("sv"),
Locale("ta"),
Locale("tg"),
Locale("th"),
Locale("tk"),
Locale("tr"),
Locale("tt"),
Locale("uk"),
Locale("ug"),
Locale("ur"),
Locale("uz"),
Locale("vi"),
Locale("zh")
],
localizationsDelegates: [
CountryLocalizations.delegate,
GlobalMaterialLocalizations.delegate,
GlobalWidgetsLocalizations.delegate,
],
copied to clipboard
Customization #
Here is a list of properties available to customize your widget:

Name
Type
Description

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

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

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

Contributions #
Contributions of any kind are more than welcome! Feel free to fork and improve country_code_picker in any way you want, make a pull request, or open an issue.
Getting involved #
First of all, thank you for even considering to get involved. You are a real super ⭐ and we ❤️ you!
Reporting bugs and issues #
Use the configured Github issue report template when reporting an issue. Make sure to state your observations and expectations
as objectively and informative as possible so that we can understand your need and be able to troubleshoot.
Discussions and ideas #
We're happy to discuss and talk about ideas, post your
question to StackOverflow.