Flutter는 지역 및 도시 선택자를 어떻게 구현하나요?

머리말

사용자가 주소를 입력해야 하는 경우 안전한 접근 방식은 사용자가 "휠"을 통해 지방, 도시 및 구역을 선택하도록 슬라이드하는 것입니다. 이 기사에서는 Flutter의 타사 라이브러리를 사용하여 이 기능을 구현합니다. 아마프 API.

프로세스

라이브러리 선택

여기서는 중국을 지원하는 최근 업데이트된 라이브러리를 선택했습니다.

구성 정보 추가

pubspec.yaml의 종속성이 추가되었습니다. city_pickers: ^1.3.0

그럼 술집에서 가져와

암호

여기서는 선택기를 호출하는 코드를 직접 준비했으며 이 함수를 onpressed 또는 tapped에 직접 전달했습니다.

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

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

또한 CityPickers.showCityPicker에는 컨텍스트 이상의 내용을 전달할 수 있습니다. 자세한 내용은 공식 문서를 참조하세요.

city_pickers | Flutter 패키지(pub.dev)

모든 플랫폼 지원