flutter如何实现省市区选择器

前言

当我们需要用户填写地址时,稳妥的做法是让用户通过"滚轮"来滑动选择省份,市,区,此文采用flutter的第三方库来实现这一功能,比调用高德地图api简单一些。

流程

选择库

这里我选择了一个最近更新且支持中国的库

添加配置信息

pubspec.yaml的依赖增加city_pickers: ^1.3.0

然后pub get一下

代码

这里我直接准备好了一个调用选择器的代码,直接在onpressed,或者是tapped传入这个函数

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

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

另外,在CityPickers.showCityPicker里面不止可以传入context,详情见官方文档

city_pickers | Flutter package (pub.dev)

支持所有平台

相关推荐
傅里叶5 小时前
SchedulerBinding 的三个Frame回调
前端·flutter
立方世界5 小时前
Flutter技术栈深度解析:从架构设计到性能优化
flutter
前端 贾公子5 小时前
《Vuejs设计与实现》第 18 章(同构渲染)(上)
android·flutter
ZFJ_张福杰5 小时前
【Flutter】约束错误总结(Constraint Error 全面解析)
flutter
程序员老刘1 天前
2025年Flutter状态管理新趋势:AI友好度成为技术选型第一标准
flutter·ai编程·客户端
AGG_Chan1 天前
flutter专栏--深入了解widget原理
开发语言·javascript·flutter
墨客希1 天前
通俗易懂的理解Vue.js
vue.js·flutter
—Qeyser1 天前
Flutter bottomNavigationBar 底部导航栏
flutter
ZFJ_张福杰1 天前
【Flutter】APP的数据安全(基于Flutter 交易所APP的总结)
flutter·web3·区块链·app·交易所