热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

Flutter中地址选择器

    前言:    在Android 和iOS 常用的App里面经常获取地址的地址选择器,android和iOS都有非常成熟的方案

      

前言:

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


1 效果图 :

Flutter   中地址选择器

2 准备工作 :

需要用到的三方库 : 

cupertino_icons: ^0.1.2      lpinyin: ^1.0.7

请在pubspec.yaml 文件添加依赖

如图

Flutter   中地址选择器

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

Flutter   中地址选择器

3 具体实现:

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

Flutter   中地址选择器

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

Flutter   中地址选择器

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

Flutter   中地址选择器

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

Flutter   中地址选择器

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

Flutter   中地址选择器

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


最后总结 :

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

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

Flutter   中地址选择器

推荐阅读
author-avatar
黑痣佬
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有