max_country_picker 1.0.0+2

Country picker with three icon mode Circle, Square, and Emoji, and also have two view mode Page and Modal Bottom Sheet.

Max Country Picker

Country picker with three icon mode Circle, Square, and Emoji, and also have two view mode Page and Modal Bottom Sheet.

Screenshots

Installation

Installing

  flutter pub add max_country_picker

Import

  import 'package:max_country_picker/max_country_picker.dart';

Usage

MaxCountryPicker(
  flagMode: FlagMode.square,
  viewMode: ViewMode.page,
  initialCountryCode: 'ID',
  onCanged: (value) {
      print(value.name);
  },
)

Parameters

Field	Type	Description
initialCountryCode	String	Set initial country code
countryCodeStyle	TextStyle	Customize main button country code textstyle
countryNameStyle	TextStyle	Customize main button country name textstyle
showDropDown	bool	Show or hide button dropdown icon
showFlagIcon	bool	Show or hide button flag icon
showCountryName	bool	Show or hide button flag name
dropDownColor	Color	Set dropdown icon color
flagIconSize	double	Set flag icon size
flagMode	FlagMode	Change flag mode emoji, circle, or square
viewMode	ViewMode	Change country view mode page or modal bottom sheet
countryListConfig	CountryListConfig	Configure country list

CountryListConfig Parameters

Field	Type	Description
title	String	Country list ViewMode.page and ViewMode.modal title
appBarBackButtonColor	Color	Set appbar backbutton color
appBarCustomBackButtonIcon	Widget	Custom ViewMode.page back button
appBarTitleTextStyle	TextStyle	ViewMode.page appbar title textstyle
backgroundColor	Color	ViewMode.page backgroundColor
countryCodeTextStyle	TextStyle	Country code list textstyle
countryNameTextStyle	TextStyle	Country name list textstyle
filterExcludeCountry	List	Filtering what country you want to hide
filterOnlyShowingCountry	List	Filtering what country you want to show
flagIconSize	double	Sizing country list flag size
hideSearchBar	bool	Show or hide searchbar
modalBackgoroundColor	Color	Setting modal background color
modalIndicatorColor	Color	Setting modal indicator color
modalTitleTextStyle	TextStyle	ViewMode.modal title textstyle
searchBackgroundColor	Color	Searchbar background color
searchCustomSearchIcon	Widget	Set custom icon searchbar
searchHintText	String	Searchbar hint text
searchHintTextStyle	TextStyle	Searchbar hint text style
searchIconColor	Color	Searchbar icon color
searchRadius	double	Searchbar raidus
searchTextStyle	TextStyle	Searchbar text style
separatedColor	Color	Customize separated country list color
systemOverlayStyle	SystemUiOverlayStyle	customize systemOverlayStyle ViewMode.page

Support us

Your support can make us grow up :)