flutter_country_state 0.2.0 flutter_country_state: ^0.2.0 copied to clipboard
A customizable Flutter package that displays all countries with there respective state.
flutter_country_state #
A package for Flutter with a heart of gold. A customizable Flutter package that displays all countries with there respective state.
show some ❤️ and star the repo to support the project. #
Example #
Please run the app in the Example folder
Installation #
- add the dependency to your pubspec.yaml file.
dependencies:
flutter:
sdk: flutter
flutter_country_state:
You can also change the style of the text of list of the country and states #
Use It #
This will display the countries #
import 'package:flutter/material.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter_country_state/flutter_country_state.dart';
class ShowCountry extends StatelessWidget {
@override
Widget build(BuildContext context) {
return GestureDetector(
child:Padding(
padding: EdgeInsets.symmetric(horizontal:20),
child: Align(
alignment: Alignment.topLeft,
child: Column(
children: <Widget>[
Text('select country' ),
Text(Variables.country,
)
],
),
),
),
onTap: () {
showDialog(
context: context,
child: SimpleDialog(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(8.0)),
elevation: 4,
children: <Widget>[
Align(
alignment: Alignment.topRight,
child: GestureDetector(
onTap: (){
Navigator.of(context).push
(MaterialPageRoute(builder: (context) => YourClassName()));
},
child: Padding(
padding: EdgeInsets.only(right:18.0),
child: Material(
color:Colors.red,
child: Text('Done',
),
),
)
),
),
SingleChildScrollView(
child: Container(child: ShowMyDialog(
searchHint: 'Search country',
substringBackground: Colors.green,
))
)
],
)
);
}
),
}
}
This will display the states of the country selected #
import 'package:flutter/material.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter_country_state/flutter_country_state.dart';
class ShowState extends StatefulWidget {
@override
_ShowStateState createState() => _ShowStateState();
}
class _ShowStateState extends State<ShowState> {
@override
Widget build(BuildContext context) {
return GestureDetector(
child:Padding(
padding: EdgeInsets.symmetric(horizontal:20),
child: Align(
alignment: Alignment.topLeft,
child: Column(
children: <Widget>[
Text( 'select state',
),
Text( Variables.state,
),
],
)
),
),
onTap: (){
showDialog(
context: context,
child: SimpleDialog(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(8.0)),
elevation: 4,
children: <Widget>[
Align(
alignment: Alignment.topRight,
child: GestureDetector(
onTap: (){
Navigator.of(context).push
(MaterialPageRoute(builder: (context) => YourClassName()));
},
child: Padding(
padding: EdgeInsets.only(right:18.0),
child: Material(
color:Colors.red,
child: Text('Done',
),
),
)
),
),
SingleChildScrollView(child: Container(child:StateDialog(),),)
],
)
);
}
),
}
}
Check this #
Happy Coding!!!