flutter_country_state 0.1.3+5

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!!!