歡迎光臨
每天分享高質量文章

Flutter知乎App實踐:UI+Json+Utils

作者:Meandni
鏈接:https://juejin.im/post/5c5014a6518825260d7ef89a

 

預覽圖:

開發環境

Flutter 1.0.0 • channel stable • https://github.com/flutter/flutter.git

Framework • revision 5391447fae (9 weeks ago) • 2018-11-29 19:41:26 -0800

Engine • revision 7375a0f414T

ools • Dart 2.1.0 (build 2.1.0-dev.9.4 f9ebf21297)

編譯運行

1、克隆代碼

原始碼地址:https://github.com/MeandNi/Flutter_ZhiHu

2、安裝依賴

 

flutter packages get

UI 大致結構

 

採用類似 Android 模塊化思想,將整個 App 的內容分為5個部分。

 

 

Ui 細節

暫不敘述,期待後續文章總結。專案目前還在更新完善中,預計使用Redux、Sqlflite等技術棧填充資料部分,本專案部分界面及工具類來自Flutter_CommonApp

資料結構(結構圖壕無專業性可言,僅供觀賞。)

 

第三方框架

 

功能
dio 網絡框架
carousel_slider 輪播圖
cached_network_image 圖片加載
share 鏈接分享
flutter_webview_plugin WebView

鳴謝

感謝那些熱愛開源、一起奮鬥的朋友們。

 

GitHub地址:https://github.com/MeandNi/Flutter_ZhiHu

赞(0)

分享創造快樂