phonefield 0.0.13

The PhoneField package offers easy phone number input with validation, formatting, and internationalization support, ensuring accurate phone number handling.

example/lib/main.dart

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

void main() {
  runApp(const MainApp());
}

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

  @override
  State<MainApp> createState() => _MainAppState();
}

class _MainAppState extends State<MainApp> {
  String? phoneNumber;
  final formKey = GlobalKey<FormState>();

  ({String? code, String name})? selectedCountry;

  String? selectedState;

  final TextEditingController stateController = TextEditingController();
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text(phoneNumber ?? "Type"),
        ),
        body: Form(
          key: formKey,
          child: ListView(
            children: [
              Padding(
                padding: const EdgeInsets.all(8.0),
                child: PhoneField(
                  // isEnabled: false,
                  initialPhoneNumber: "[phone]",
                  onChanged: (p0) {
                    phoneNumber = p0.phoneNumberWithCode;
                    setState(() {});
                  },
                ),
              ),
              Padding(
                padding: const EdgeInsets.all(8.0),
                child: CountryPicker(
                  labelText: "Country",
                  hintText: "Select a country",
                  onSelect: (p0) {
                    selectedCountry = p0;
                    setState(() {});
                    stateController.clear();
                  },
                ),
              ),
              Padding(
                padding: const EdgeInsets.all(8.0),
                child: StatePicker(
                  // labelText: "State",
                  hintText: "Select a state",
                  controller: stateController,
                  countryCode: selectedCountry?.code,
                  onSelect: (p0) {
                    selectedState = p0;
                    setState(() {});
                  },
                ),
              ),
              Text("Selected Country = ${selectedCountry?.name}"),
              Text("Selected State = $selectedState"),
              FilledButton(
                onPressed: () async {
                  if (formKey.currentState?.validate() ?? false) {
                    var phone = await PhoneField.getPhoneNumber("[phone]");
                    if (phone != null && phone.isValid == false) {
                      print(phone.message);
                      return;
                    }
                    print("Success");
                  }
                },
                child: const Text("Submit"),
              ),
            ],
          ),
        ),
      ),
    );
  }
}