? ? ??

前言：

? ? ? ? 在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 進行替換真實選中的地址?

到此我們的選擇的功能就基本實現了? 調用還是很簡單明了的 值得注意的是需要異步調用 然后對返回數據的處理? ?？傮w使用難度不大 希望能幫助到大家

最后總結 :

這個地址選擇器效果非常接近原生的體驗了? 調用也相對簡單大家可以看下，我也會附上所有源碼給大家參考? 源碼地址:?https://gitee.com/qiuyu123/flitter_address_selector.git

我也是一個flutter學習的新手 有興趣的同學可以私聊多多交流? 交流QQ群? ?:515980159? ? 個人? ?QQ/微信：1693891473