easy_country_picker

Description:

easy country picker

A Flutter package that provides a country picker widget for selecting countries along with important resources a country has.
Features #

when user start typing the country name in the textfield it will suggest country name based on user input.
user can choose the country from the suggestions.
this will return a Country object which includes

Country code,
Country name,
Currency
Phone code,
Continent.
so you can use any data you require.



Getting started #
Just install the package and start using
Usage #
-Can be useful in a registration form where you need to get user country.
-user no need to input their phone code ore currency code manually, rather you can provide those on based on their country selection.
class MyHomePage extends StatefulWidget {
const MyHomePage({super.key, required this.title});

final String title;

@override
State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
Country? country;
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: Center(
child: Column(
children: [
SizedBox(
width: 400,
child: CountrySelectionField(
onCountrySelect: (val) {
setState(() {
country = val;
});
},
inputDecoration:
const InputDecoration(prefixIcon: Icon(Icons.map)),
),
),
const SizedBox(height: 20),
SizedBox(
width: 400,
child: Card(
child: Padding(
padding: const EdgeInsets.all(8.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text("Selected Country Details"),
Text("Country Code: ${country?.countryCode}"),
Text("Country Name: ${country?.countryName}"),
Text("Phone Code: ${country?.phoneNumberPrefix}"),
Text("Continent: ${country?.continentName}"),
Text("Currency: ${country?.currencyCode}"),
],
),
),
),
)
],
),
),
);
}
}
copied to clipboard

or you can use a button to show modalBottomsheet to choose country.
ElevatedButton(
onPressed: () async {
await CountryPicker.selectCountry(
context,
).then((value) => {
if (value != null)
{
setState(() {
country = value;
})
}
});
},
child: const Text("Select Country"),
),
copied to clipboard
Configure ModalBottom Sheet using this:
double? height,
ShapeBorder shape =
const RoundedRectangleBorder(borderRadius: BorderRadius.zero),
Color? backgroundColor,
double contentpadding = 10,
bool showCloseButton = false,

Additional information #
Class Country in country_model file.
class Country {
String? countryCode;
String? countryName;
String? currencyCode;
String? phoneNumberPrefix;
String? continentName;

Country({
this.countryCode,
this.countryName,
this.currencyCode,
this.phoneNumberPrefix,
this.continentName,
});

factory Country.fromMap(Map<String, dynamic> map) {
return Country(
countryCode: map['countryCode'],
countryName: map['countryName'],
currencyCode: map['currencyCode'],
phoneNumberPrefix: map['phoneNumberPrefix'],
continentName: map['continentName'],
);
}
}
copied to clipboard
List of Countries
A list of Map<String, String> which contains data for all countries in country_data file.
List<Map<String, String>> countryList = [
{
"countryCode": "AD",
"countryName": "Andorra",
"currencyCode": "EUR",
"phoneNumberPrefix": "+376",
"continentName": "Europe"
},
{
"countryCode": "AE",
"countryName": "United Arab Emirates",
"currencyCode": "AED",
"phoneNumberPrefix": "+971",
"continentName": "Asia"
},
{
"countryCode": "AF",
"countryName": "Afghanistan",
"currencyCode": "AFN",
"phoneNumberPrefix": "+93",
"continentName": "Asia"
},
... all countries data
]
copied to clipboard
Class CountrySelectionField
this take two args

final Function(Country?)? onCountrySelect;
this will return Country object based on user selection.
final InputDecoration inputDecoration;
this will update the how the textfield will look like.

Size of Textfield:
The textfield does not have any specific size, so wrap with a Sizedbox in order to give your prefered size.
body: SizedBox(
width: 100,
child: CountrySelectionField(),
),
copied to clipboard

Please send me an email "scripts.ismail@gmail" if you face any issue. or create a issue on github, i will try my best to respond.
This is just an initial release, and gradually we can improve it a lot. If you are developer dont hasitate to make any upgrade in this package in githup rep.