country_calling_code_picker

Description:

country calling code picker

Country Calling Code Picker #
Searchable country picker widget ready to use in a dialog, bottom sheet and even in full screen!

1: Import the plugin using
import 'package:country_calling_code_picker/picker.dart';
copied to clipboard
2: Initialize your UI using default country.
void initCountry() async {
final country = await getDefaultCountry(context);
setState(() {
_selectedCountry = country;
});
}
copied to clipboard
3: Use utility function showCountryPickerSheet to show a bottom sheet picker.
void _showCountryPicker() async{
final country = await showCountryPickerSheet(context,);
if (country != null) {
setState(() {
_selectedCountry = country;
});
}
}
copied to clipboard

4: Use utility function showCountryPickerDialog to show a dialog.
void _showCountryPicker() async{
final country = await showCountryPickerDialog(context,);
if (country != null) {
setState(() {
_selectedCountry = country;
});
}
}
copied to clipboard

5: CountryPickerWidget can be used for showing in a full screen.
class PickerPage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Select Country'),
),
body: Container(
child: CountryPickerWidget(
onSelected: (country) => Navigator.pop(context, country),
),
),
);
}
}
copied to clipboard


If you just need the list of countries for making your own custom country picker, you can all getCountries() which returns list of countries.

List<Country> list = await getCountries(context);
copied to clipboard

If you want to get flag from the country code, you can use below method to get country using the country code.
Eg. for getting India's flag,

Country country = await getCountryByCountryCode(context, 'IN');
copied to clipboard