一个支持地图四级下钻的地址选择器
打开pubspec.yaml文件 添加如下代码
xyz_city_picker : ^2.0.0-nullsafety添加后打开Terminal，执行 flutter packages get
import 'package:xyz_city_picker/xyz_city_picker.dart';建议先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()
)在onChanged回调函数里面把选择的值带回，onChanged的函数签名如下：
typedef OnChange = Function(int index, Map checkedItem);其中index 为0、1、2、4，分别标识province、city、district、street ，checkedItem则为选择的值.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent