基于 Flutter 的CityPickers 城市选择器

最近在跟着 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 静态方法