Flutter省市区的三级联动

最近做Flutter项目的时候，需要做一个省市区选择的功能。主要是通过CupertinoPicker组件实现功能的。

Expanded(flex: 1,child: CupertinoPicker(backgroundColor: Colors.white,diameterRatio: 1.1,scrollController: proviceCotroller,itemExtent: 48.0,onSelectedItemChanged: (position){setState(() {selectedProvice = position;citys = provices[selectedProvice].childs;selectedCity = 0;county = citys[selectedCity].childs;});cityController.jumpToItem(0);countyController.jumpToItem(0);passParams();},children: createEachItem(provices),),
)

效果如图：

这个是免费GIF转换的动图，屏幕有些不清晰，不过示意无碍：

项目放在GitHub上面了：
GitHub链接: https://github.com/zerohh/flutter.

Flutter省市区的三级联动相关推荐

省市区(县)三级联动代码（js 数据源）
ylbtech-JavaScript-Utility:省市区(县)三级联动代码(js 数据源) 省市区(县)三级联动代码(js 数据源) 1.A,源代码(Source Code)返回顶部 1.A.1, ...
js之省市区(县)三级联动效果
省市区(县)三级联动效果,是我们软件开发比较常用的,特别是对一些crm,erp之类,当然也包括其他的后台管理系统,基本都涉及到,今天贴出这个常用的,方便个人复用和大家使用 <!DOCTYPE h ...
php省城联动_使用php ajax实现一个省市区的三级联动
要求:写一个省市区(或者年月日)的三级联动,实现地区或时间的下拉选择. 实现技术:php ajax 实现:省级下拉变化时市下拉区下拉跟着变化,市级下拉变化时区下拉跟着变化. 使用chinastates ...
Vue + Element UI 中国省市区数据三级联动
安装数据 npm install element-china-area-data 页面引入 import { provinceAndCityData, regionData, provinceAndC ...
省市区地址三级联动jQuery插件Distpicker使用
插件下载地址 http://www.jq22.com/jquery-info8054 效果如下: 使用: 1.引入js <script src="http://www.jq22.com ...
python省市区三级联动_Django Admin实现三级联动的示例代码(省市区)
通过自定义Admin的模板文件实现省市区的三级联动.要求创建记录时,根据省>市>区的顺序选择依次显示对应数据. 修改记录时默认显示已存在的数据. Model class Member(mo ...
省市区 / 三级联动
开源项目Dispicker实现了省市区(县)三级联动, 项目地址 https://github.com/fengyuanchen/distpicker 现在已经停更, Latest commit on ...
vue——省市区三级联动demo
最近学习vue,想着写一写demo练习练习. 此demo是省市区的三级联动,像这样的场景我们经常看到.我也是刚开始写没有头绪,然后多方查资料. 写此demo时踩过的坑: 1.数据:我们希望后台给我们的 ...
vue 省市区三级联动 antd 级联组件 Cascader
需求与功能该功能实现了中国内的省市区的三级联动,基于 antd-vue 中的 Cascader 做的组件,支持原有的所有功能效果展示支持联想搜索支持显示部分省份例子(本例子是基于 ant ...

Flutter省市区的三级联动

Flutter省市区的三级联动

Flutter省市区的三级联动相关推荐

最新文章

热门文章