内容简介：最近在跟着@我就在本地简单的去模拟实现了一下. 发现代码逻辑部份比较简单. 所以就简单的封装成一个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 | 呼出一层界面, 显示多级选择器 |
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持 码农网
猜你喜欢:
- React Native 实现城市选择组件
- v-region 2.0.0 发布，行政区划选择器(4 级联动城市选择)
- v-region 2.0.0 发布，行政区划选择器(4 级联动城市选择)
- v-region 2.1.3 发布，增加城市选择专用模式
- 《新城市科学》概论 | (一)利用新数据新方法研究新城市
- 聆听城市居民的脉搏，数据分析公司「ZenCity」希望利用AI优化城市规划和管理
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
Alone Together
Sherry Turkle / Basic Books / 2011-1-11 / USD 28.95
Consider Facebookit’s human contact, only easier to engage with and easier to avoid. Developing technology promises closeness. Sometimes it delivers, but much of our modern life leaves us less connect......一起来看看 《Alone Together》 这本书的介绍吧!
