前言:
在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