当前位置: 首页 > news >正文

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)

支持所有平台

相关文章:

  • 【React】前端React 代码中预览展示excel文件
  • FreeRTOS任务相关的API函数
  • 爬虫(二)使用urllib爬取百度贴吧的数据
  • IDEA中的Run Dashboard
  • .net core 6 集成 elasticsearch 并 使用分词器
  • 学习方法分享
  • 关于C++的system()函数安全隐患问题
  • 虹科技术丨一文详解IO-Link Wireless技术如何影响工业无线自动化
  • 定义HarmonyOS IDL接口
  • 【MybatisPlus篇】查询条件设置(范围匹配 | 模糊匹配 | 空判定 | 包含性判定 | 分组 | 排序)
  • stack_queue:三个关键注意事项解析
  • Mac M1使用PD虚拟机运行win10弹出“内部版本已过期立即安装新的windows内部版本”
  • 手机云控制发电机组 有网络随时随地操控监控运行
  • 【劳德巴赫 Trace32 高阶系列 3 -- trace32 svf 文件操作命令】
  • 场效应管学习笔记
  • 【vuex入门系列02】mutation接收单个参数和多个参数
  • ES6--对象的扩展
  • GDB 调试 Mysql 实战(三)优先队列排序算法中的行记录长度统计是怎么来的(上)...
  • Java多态
  • Java基本数据类型之Number
  • k8s如何管理Pod
  • maya建模与骨骼动画快速实现人工鱼
  • Vue--数据传输
  • 不用申请服务号就可以开发微信支付/支付宝/QQ钱包支付!附:直接可用的代码+demo...
  • 聊聊directory traversal attack
  • 区块链技术特点之去中心化特性
  • 如何实现 font-size 的响应式
  • 手写双向链表LinkedList的几个常用功能
  • 怎么将电脑中的声音录制成WAV格式
  • 7行Python代码的人脸识别
  • ​DB-Engines 11月数据库排名:PostgreSQL坐稳同期涨幅榜冠军宝座
  • # Panda3d 碰撞检测系统介绍
  • #LLM入门|Prompt#2.3_对查询任务进行分类|意图分析_Classification
  • $(selector).each()和$.each()的区别
  • (env: Windows,mp,1.06.2308310; lib: 3.2.4) uniapp微信小程序
  • (层次遍历)104. 二叉树的最大深度
  • (二)正点原子I.MX6ULL u-boot移植
  • (简单有案例)前端实现主题切换、动态换肤的两种简单方式
  • (十二)python网络爬虫(理论+实战)——实战:使用BeautfulSoup解析baidu热搜新闻数据
  • (顺序)容器的好伴侣 --- 容器适配器
  • (算法)N皇后问题
  • (转)EXC_BREAKPOINT僵尸错误
  • .equals()到底是什么意思?
  • .Mobi域名介绍
  • .NET Core WebAPI中使用swagger版本控制,添加注释
  • .net core 连接数据库,通过数据库生成Modell
  • .NET core 自定义过滤器 Filter 实现webapi RestFul 统一接口数据返回格式
  • .NET Framework 4.6.2改进了WPF和安全性
  • .Net Remoting(分离服务程序实现) - Part.3
  • .Net 中的反射(动态创建类型实例) - Part.4(转自http://www.tracefact.net/CLR-and-Framework/Reflection-Part4.aspx)...
  • .NET框架类在ASP.NET中的使用(2) ——QA
  • .net中调用windows performance记录性能信息
  • /run/containerd/containerd.sock connect: connection refused
  • [acm算法学习] 后缀数组SA
  • [Android]RecyclerView添加HeaderView出现宽度问题