xyz_city_picker

Description:

xyz city picker

xyz_city_picker #
一个支持地图四级下钻的地址选择器
效果预览 #

如何使用 #
添加xyz_city_picker
打开pubspec.yaml文件
添加如下代码
xyz_city_picker : ^1.0.0
copied to clipboard
添加后打开Terminal，执行 flutter packages get
代码中引入
import 'package:xyz_city_picker/xyz_city_picker.dart';
copied to clipboard
使用
建议先clone下仓库，查看example目录的示例
必须传入的参数有:



参数
含义
类型
例




province
选择的省份
Map
{'name': '', 'id': ''}


city
选择的城市
Map
{'name': '', 'id': ''}


district
选择的区县
Map
{'name': '', 'id': ''}


street
选择的街道
Map
{'name': '', 'id': ''}



代码使用如下：
GestureDetector(
behavior: HitTestBehavior.translucent,
onTap: () => XYZCityPicker.showPicker(
province: province,
city: city,
district: district,
street: street,
context: context,
onChange: (int index, Map checkedItem) {
switch (index) {
case 0:
province = checkedItem;
break;
case 1:
city = checkedItem;
break;
case 2:
district = checkedItem;
break;
case 3:
street = checkedItem;
break;
}
setState(() {});
}),
child: Container()
)
copied to clipboard
在onChanged回调函数里面把选择的值带回，onChanged的函数签名如下：
typedef OnChange = Function(int index, Map checkedItem);
copied to clipboard
其中index 为0、1、2、4，分别标识province、city、district、street ，checkedItem则为选择的值.