kodepos

Package to get postal code in indonesia (offline search)

Pub.Dev

https://pub.dev/packages/kodepos

Usage

To use this plugin, add kodepos as a dependency in your pubspec.yaml.

Demo

KodeposDropdown Widget & KodeposMixin

Example Of KodeposDropdown Widget

Use this if you want to select kodepos using widget

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

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

  @override
  State<KodeposDropdownExample> createState() => _KodeposDropdownExampleState();
}

class _KodeposDropdownExampleState extends State<KodeposDropdownExample> {
  TextEditingController resultController = TextEditingController();
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      resizeToAvoidBottomInset: true,
      appBar: AppBar(
        title: const Text('Kodepos Dropdown Example'),
      ),
      body: Container(
        margin: const EdgeInsets.all(16),
        child: SingleChildScrollView(
          child: Column(
            children: [
              KodeposDropdown(
                prefixDropdownLabelProvince: "Provinsi ",
                marginBottom: 0,
                selectedBoxDecoration: const BoxDecoration(),
                selectedPrefixWidgetProvince:
                    createPrefixWidget(isFirstItem: true),
                selectedPrefixWidgetCity: createPrefixWidget(),
                selectedPrefixWidgetDistrict: createPrefixWidget(),
                selectedPrefixWidgetSubdistrict:
                    createPrefixWidget(isLastItem: true),
                onCompleted: (result) {
                  setState(() {
                    resultController.text =
                        "Desa ${result.subdistrict.name}, Kec. ${result.district.name}\n${result.city.name}, ${result.province.name}\n${result.postalCode}";
                  });
                },
                onItemReset: () {
                  setState(() {
                    resultController.text = "";
                  });
                },
              ),
              if (resultController.text.isNotEmpty)
                Container(
                  margin: const EdgeInsets.only(top: 16),
                  child: TextField(
                      controller: resultController,
                      minLines: 3,
                      maxLines: 5,
                      decoration: const InputDecoration(
                          labelText: 'Result',
                          hintText: 'Result',
                          border: OutlineInputBorder())),
                ),
            ],
          ),
        ),
      ),
    );
  }

  Widget _createCirclePrefix({double size = 20}) {
    return Container(
      decoration: BoxDecoration(
        shape: BoxShape.circle,
        color: Colors.grey.withOpacity(.2),
      ),
      width: size,
      height: size,
      child: Center(
        child: Container(
          width: size - 8,
          height: size - 8,
          decoration: BoxDecoration(
            shape: BoxShape.circle,
            color: Colors.grey.withOpacity(.5),
          ),
        ),
      ),
    );
  }

  Widget createPrefixWidget(
      {bool isFirstItem = false, bool isLastItem = false, double size = 20}) {
    return Container(
      width: size,
      margin: const EdgeInsets.only(right: 16),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.center,
        children: [
          Flexible(
            child: Container(
              width: 1,
              color: isFirstItem
                  ? Colors.transparent
                  : Colors.grey.withOpacity(.2),
            ),
          ),
          Flexible(child: _createCirclePrefix(size: size)),
          Flexible(
            child: Container(
              width: 1,
              color:
                  isLastItem ? Colors.transparent : Colors.grey.withOpacity(.2),
            ),
          ),
        ],
      ),
    );
  }
}

Example of KodeposMixin

Use this if you only need the data

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

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

  @override
  State<KodeposGetDataExample> createState() => _KodeposGetDataExampleState();
}

class _KodeposGetDataExampleState extends State<KodeposGetDataExample>
    with KodeposMixin {
  final TextEditingController provinceIdController = TextEditingController();
  final TextEditingController cityIdController = TextEditingController();
  final TextEditingController districtIdController = TextEditingController();
  final TextEditingController subdistrictIdController = TextEditingController();
  final TextEditingController resultController = TextEditingController();
  final TextEditingController postalCodeController = TextEditingController();

  @override
  void initState() {
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      resizeToAvoidBottomInset: false,
      appBar: AppBar(
        title: const Text("Kodepos Get Data Example"),
      ),
      body: Container(
        margin: const EdgeInsets.all(16),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.stretch,
          children: [
            ElevatedButton(
              onPressed: () async {
                String result = "";
                List<ItemAddressValue>? provinces = await getListOfProvince();
                provinces?.forEach((element) {
                  result += "${element.id} - ${element.name}\n";
                });
                resultController.text = result;
              },
              child: const Text("Get List Province"),
            ),
            Row(
              children: [
                Expanded(
                  child: TextField(
                      controller: provinceIdController,
                      decoration: const InputDecoration(
                        hintText: "Province ID",
                        label: Text("Province ID"),
                      )),
                ),
                Expanded(
                  child: ElevatedButton(
                    onPressed: () async {
                      String result = "";
                      List<ItemAddressValue>? cities = await getListOfCity(
                          provinceId: provinceIdController.text);
                      cities?.forEach((element) {
                        result += "${element.id} - ${element.name}\n";
                      });
                      resultController.text = result;
                    },
                    child: const Text("Get List Cities"),
                  ),
                ),
              ],
            ),
            Row(
              children: [
                Expanded(
                  child: TextField(
                      controller: cityIdController,
                      decoration: const InputDecoration(
                        hintText: "City ID",
                        label: Text("City ID"),
                      )),
                ),
                Expanded(
                  child: ElevatedButton(
                    onPressed: () async {
                      String result = "";
                      List<ItemAddressValue>? districts =
                          await getListOfDistrict(
                              cityId: cityIdController.text);
                      districts?.forEach((element) {
                        result += "${element.id} - ${element.name}\n";
                      });
                      resultController.text = result;
                    },
                    child: const Text("Get List District"),
                  ),
                ),
              ],
            ),
            Row(
              children: [
                Expanded(
                  child: TextField(
                      controller: districtIdController,
                      decoration: const InputDecoration(
                        hintText: "District ID",
                        label: Text("District ID"),
                      )),
                ),
                Expanded(
                  child: ElevatedButton(
                    onPressed: () async {
                      String result = "";
                      List<ItemAddressValue>? subdistricts =
                          await getListOfSubDistrict(
                              districtId: districtIdController.text);
                      subdistricts?.forEach((element) {
                        result += "${element.id} - ${element.name}\n";
                      });
                      resultController.text = result;
                    },
                    child: const Text("Get List SubDistrict"),
                  ),
                ),
              ],
            ),
            Row(
              children: [
                Expanded(
                  child: TextField(
                      controller: subdistrictIdController,
                      decoration: const InputDecoration(
                        hintText: "SubDistrict ID",
                        label: Text("SubDistrict ID"),
                      )),
                ),
                Expanded(
                  child: ElevatedButton(
                    onPressed: () async {
                      String? postalCode = await getPostalCode(
                          cityId: cityIdController.text,
                          districtId: districtIdController.text,
                          subdistrictId: subdistrictIdController.text);
                      debugPrint("Postal Code: $postalCode");
                      if (context.mounted) {
                        var snackBar = SnackBar(
                          content: Text(postalCode ?? "Postal Code not found"),
                          dismissDirection: DismissDirection.up,
                          behavior: SnackBarBehavior.floating,
                        );
                        ScaffoldMessenger.of(context).showSnackBar(snackBar);
                      }
                    },
                    child: const Text("Get Postalcode"),
                  ),
                ),
              ],
            ),
            TextField(
              minLines: 10,
              maxLines: 10,
              controller: resultController,
              decoration: const InputDecoration(
                hintText: "Result",
              ),
            ),
          ],
        ),
      ),
    );
  }
}