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


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容