内容简介：最近在跟着@我就在本地简单的去模拟实现了一下. 发现代码逻辑部份比较简单. 所以就简单的封装成一个package. 发布到了Dart Pub上边, 欢迎大家扔板砖~
最近在跟着 flutter-go 项目学习研究, 发现有一位同学提出了一条建议
@ songshitong 有flutter的城市选择组件(city picker)吗 android和iOS风格的？ 类似于这个
我就在本地简单的去模拟实现了一下. 发现代码逻辑部份比较简单. 所以就简单的封装成一个package. 发布到了Dart Pub上边, 欢迎大家扔板砖~
效果
暂时实现了二种
- ios风格, 底部弹窗
- android&ios 全屏三级联动选择器
功能
- 支持配置主题颜色
- 支持初始化选择地区, 可以是省市县任何层级
- 支持配置显示模式, 可以只选择省,只选择市...六种显示方式
使用方法
最初设计的时候. 想着以Widget的方式, 扔给大家使用. 可是试了几种方式, 使用起来都比较麻烦. 后来借鉴了一下函数式编程的思想, 最终定为通过静态函数调用:
import 'package:city_pickers/city_pickers.dart';
...
show() async {
Result result = await CityPickers.showCityPicker(
context: context,
);
// type 2
Result result2 = await CityPickers.showFullPageCityPicker(
context: context,
);
}
复制代码
CityPickers 静态方法
| Name | Type | Desc |
|---|---|---|
| showCityPicker | Function | 呼出弹出层,显示多级选择器 |
| showFullPageCityPicker | Function | 呼出一层界面, 显示多级选择器 |
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持 码农网
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
ECMAScript6入门
阮一峰 / 电子工业出版社 / 2014-8 / 49.00元
《ECMAScript6入门》全面介绍了ECMAScript6新引入的语法特性，覆盖了ECMAScript6与ECMAScript5的所有不同之处，对涉及的语法知识给予了详细介绍，并给出了大量简洁易懂的示例代码。 《ECMAScript6入门》为中级难度，适合已有一定JavaScript语言基础的读者，用来了解这门语言的最新发展；也可当作参考手册，查寻新增的语法点。一起来看看 《ECMAScript6入门》 这本书的介绍吧!
