基于 Flutter 的CityPickers 城市选择器

栏目: IOS · 发布时间: 6年前

内容简介：最近在跟着@我就在本地简单的去模拟实现了一下. 发现代码逻辑部份比较简单. 所以就简单的封装成一个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	呼出一层界面, 显示多级选择器

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。

码农书籍

Flask Web开发实战

李辉 / 机械工业出版社 / 2018-8-1 / 129

这是一本面向Python程序员的，全面介绍Python Web框架Flask的书。关于本书的详细介绍、相关资源等更多信息可以访问本书的官方主页http://helloflask.com/book了解。 • 国内首本Flask著作，在内容上涵盖完整的Flask Web开发学习路径，在实践上包含完整的Flask Web程序开发流程。同时兼容Python2 .7和Python3.6。 • 内......一起来看看《Flask Web开发实战》这本书的介绍吧!

码农工具

基于 Flutter 的CityPickers 城市选择器

效果

功能

使用方法

CityPickers 静态方法

Flask Web开发实战

HTML 编码/解码

URL 编码/解码