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