Wie implementiert Flutter Provinz- und Stadtselektoren?

Vorwort

Wenn Benutzer ihre Adressen eingeben müssen, besteht ein sicherer Ansatz darin, den Benutzern die Auswahl von Provinzen, Städten und Bezirken über das „Rad“ zu ermöglichen. In diesem Artikel wird die Drittanbieterbibliothek von Flutter verwendet, um diese Funktion zu implementieren, was einfacher ist als das Aufrufen die Amap-API.

Verfahren

Bibliothek auswählen

Hier habe ich eine kürzlich aktualisierte Bibliothek ausgewählt, die China unterstützt

Konfigurationsinformationen hinzufügen

Die Abhängigkeit von pubspec.yaml wurde hinzugefügt city_pickers: ^1.3.0

Dann hol es dir

Code

Hier habe ich direkt einen Code zum Aufrufen des Selektors vorbereitet und diese Funktion direkt in onpressed oder tapped übergeben.

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

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

Darüber hinaus kann mehr als nur Kontext an CityPickers.showCityPicker übergeben werden. Einzelheiten finden Sie in der offiziellen Dokumentation.

city_pickers | Flutter-Paket (pub.dev)

Unterstützt alle Plattformen