美文网首页Flutter
Flutter 中地址选择器

Flutter 中地址选择器

作者: xq9527 | 来源:发表于2020-01-12 02:37 被阅读0次

          

    前言:

            在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

    相关文章

      网友评论

        本文标题:Flutter 中地址选择器

        本文链接:https://www.haomeiwen.com/subject/yhhiactx.html