2020-01-12

                                                   flutter   中地址选择器 

---

前言：

        在Android  和iOS  常用的App里面经常获取地址的地址选择器 ，android和iOS都有非常成熟的方案处理我这里就不展开讲了,今天具体就跟大家讲一下flutter 版本的如何使用和实现 

---

1 效果图 :

2 准备工作 :

需要用到的三方库 : 

cupertino_icons: ^0.1.2      lpinyin: ^1.0.7

请在pubspec.yaml 文件添加依赖

如图

然后在控制台敲 flutter  pub  get 命令下载依赖即可

---

3 具体实现：

因为源码里面对于的弹出选择的代码量有点多就不展开讲  今天只讲如何使用

这边写了一个RaisedButton  和一个text  在RaisedButton 的点击事件里来调用 _clickEventFunc  () 方法来弹出地址选择器 

然后在_clickEventFunc  方法里面对拿到的地址结果进行处理  因为拿到的是tempResult  是json格式 所以我们写一个数据模型类  Result  来对返回的数据进行处理 

对返回的数据解析然后拼接然后赋值给我们定义的好的字符串 getSite  

最后我们在Text 进行替换真实选中的地址 

到此我们的选择的功能就基本实现了  调用还是很简单明了的 值得注意的是需要异步调用 然后对返回数据的处理  。总体使用难度不大 希望能帮助到大家

---

最后总结 :

这个地址选择器效果非常接近原生的体验了  调用也相对简单大家可以看下，我也会附上所有源码给大家参考  源码地址: https://gitee.com/qiuyu123/flitter_address_selector.git

我也是一个flutter学习的新手 有兴趣的同学可以私聊多多交流  交流QQ群   :515980159    个人   QQ/微信：1693891473