内容简介：最近在跟着@我就在本地简单的去模拟实现了一下. 发现代码逻辑部份比较简单. 所以就简单的封装成一个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优化城市规划和管理
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
Web Anatomy
Robert Hoekman Jr.、Jared Spool / New Riders / 2009-12-11 / USD 39.99
At the start of every web design project, the ongoing struggles reappear. We want to design highly usable and self-evident applications, but we also want to devise innovative, compelling, and exciting......一起来看看 《Web Anatomy》 这本书的介绍吧!
