Como o flutter implementa seletores de províncias e cidades?

Prefácio

Quando precisamos que os usuários preencham seus endereços, uma abordagem segura é permitir que os usuários deslizem para selecionar províncias, cidades e distritos através da "roda".Este artigo usa a biblioteca de terceiros do Flutter para implementar esta função, que é mais simples do que chamar a API Amap.

processo

Selecione a biblioteca

Aqui eu escolhi uma biblioteca recentemente atualizada que suporta a China

Adicionar informações de configuração

A dependência de pubspec.yaml é adicionada city_pickers: ^1.3.0

Então pub pegue

código

Aqui preparei diretamente um código para chamar o seletor, passando essa função diretamente no onpressed ou taped.

  Future<void> _showCityPicker() async {
    Result? result = await CityPickers.showCityPicker(
      context: context,
    );

    if (result != null) {
      // 使用选择的result
      // city 就是 result.city
    }
  }

Além disso, mais do que apenas contexto pode ser passado para CityPickers.showCityPicker. Para obter detalhes, consulte a documentação oficial.

city_pickers | Pacote Flutter (pub.dev)

Suporta todas as plataformas