Comment Flutter implémente-t-il les sélecteurs de province et de ville ?

Préface

Lorsque nous avons besoin que les utilisateurs remplissent leurs adresses, une approche sûre consiste à permettre aux utilisateurs de sélectionner des provinces, des villes et des districts via la "roue". Cet article utilise la bibliothèque tierce de Flutter pour implémenter cette fonction, qui est plus simple que d'appeler l'API Amap.

processus

Sélectionner une bibliothèque

Ici, j'ai choisi une bibliothèque récemment mise à jour qui prend en charge la Chine

Ajouter des informations de configuration

La dépendance de pubspec.yaml est ajoutée city_pickers : ^1.3.0

Alors pub, prends-le

code

Ici j'ai directement préparé un code pour appeler le sélecteur, en passant cette fonction directement en appuyant ou en tapant.

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

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

De plus, plus que du simple contexte peut être transmis dans CityPickers.showCityPicker. Pour plus de détails, consultez la documentation officielle.

city_pickers | Paquet Flutter (pub.dev)

Prend en charge toutes les plateformes