前言
当我们需要用户填写地址时,稳妥的做法是让用户通过“滚轮”来滑动选择省份,市,区,此文采用flutter的第三方库来实现这一功能,比调用高德地图api简单一些。
流程
选择库
这里我选择了一个最近更新且支持中国的库
添加配置信息
pubspec.yaml的依赖增加city_pickers: ^1.3.0
然后pub get一下
代码
这里我直接准备好了一个调用选择器的代码,直接在onpressed,或者是tapped传入这个函数
Future<void> _showCityPicker() async {
Result? result = await CityPickers.showCityPicker(
context: context,
);
if (result != null) {
// 使用选择的result
// city 就是 result.city
}
}
另外,在CityPickers.showCityPicker里面不止可以传入context,详情见官方文档
city_pickers | Flutter package (pub.dev)
支持所有平台