dialcodeselector 2.0.0

Flutter package for selecting a country or country dial code.

example/lib/main.dart

import 'package:dialcodeselector/dialcodeselector.dart';
import 'package:flutter/material.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  //initialise the countries
  await DialCodeSelector.init();
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        title: 'Package Example App',
        theme: ThemeData(
          primarySwatch: Colors.blue,
        ),
        home: const HomeView());
  }
}

class HomeView extends StatefulWidget {
  const HomeView({super.key});

  @override
  State<HomeView> createState() => _HomeViewState();
}

class _HomeViewState extends State<HomeView> {
  String? initialCountrCode;

// Set default country using country dial code or short name
  Country? selectedCountry =
      DialCodeSelector.getCountryByDialCode(dialCode: "233");

// Define theme for the country code picker
  DialCodeSelectorTheme get selectorTheme => DialCodeSelectorTheme(
      showCountriesOnly: true, titleColor: Colors.blueGrey);

//implement callback
  void onCountrySelected(Country? country) {
    selectedCountry = country;
    setState(() {});
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(title: const Text("Home")),
        body: Padding(
          padding: const EdgeInsets.symmetric(horizontal: 25),
          child: Center(
              child: TextFormField(
            decoration: InputDecoration(
                hintText: "Enter phone number",
                prefixIcon: MaterialButton(
                    padding: EdgeInsets.zero,
                    elevation: 0,
                    highlightElevation: 0,
                    onPressed: () async {
                      await DialCodeSelector.selectCountry(context,
                          selectorTheme: selectorTheme,
                          initialShortName: selectedCountry?.countryShortName,
                          onCountrySelected: onCountrySelected);
                    },
                    child: Row(mainAxisSize: MainAxisSize.min, children: [
                      const SizedBox(width: 11),
                      Image.asset(selectedCountry?.icon ?? "",
                          height: 21, width: 21),
                      const SizedBox(width: 5),
                      const Icon(Icons.arrow_drop_down),
                      const SizedBox(width: 7),
                      Padding(
                          padding: const EdgeInsets.only(right: 13),
                          child: Text(selectedCountry?.dialCode ?? "",
                              style: const TextStyle(
                                  color: Colors.black, fontSize: 16)))
                    ]))),
            onChanged: (String value) {},
          )),
        ));
  }
}