flutter_country_state 0.1.3+2 flutter_country_state: ^0.1.3+2 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:
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:Variables.country == null? Text('select country'):Text(Variables.country),
onTap: (){
showGeneralDialog(
barrierColor: Colors.black.withOpacity(0.5),
transitionBuilder: (context, a1, a2, widget) {
return Transform.scale(
scale: a1.value,
child: Opacity(
opacity: a1.value,
child: Dialog(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(8.0)),
elevation: 4,
child: SingleChildScrollView(
child:
Container(child:ShowMyDialog())
)
)
)
);
},
transitionDuration: Duration(milliseconds: 200),
barrierDismissible: true,
barrierLabel: '',
context: context,
// ignore: missing_return
pageBuilder: (context, animation1, animation2) {}
);
}
);
}
}
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:Variables.state == null? Text('select state'):Text(Variables.state),
onTap: (){
showGeneralDialog(
barrierColor: Colors.black.withOpacity(0.5),
transitionBuilder: (context, a1, a2, widget) {
return Transform.scale(
scale: a1.value,
child: Opacity(
opacity: a1.value,
child: Dialog(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(8.0)),
elevation: 4,
child: Column(
children: <Widget>[
SingleChildScrollView(child: Container(child:StateDialog(),),)
]
)
)
)
);
},
transitionDuration: Duration(milliseconds: 200),
barrierDismissible: true,
barrierLabel: '',
context: context,
// ignore: missing_return
pageBuilder: (context, animation1, animation2) {}
);
},
);
}
}
Check this #
Happy Coding!!!