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

Meandni發表於2019-01-29

預覽圖:

app展示

app展示

app展示

app展示

開發環境

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 7375a0f414
Tools • Dart 2.1.0 (build 2.1.0-dev.9.4 f9ebf21297)
複製程式碼

編譯執行

  1. 克隆程式碼

    原始碼地址:github.com/MeandNi/Flu…

  2. 安裝依賴

    flutter packages get
    複製程式碼

UI 大致結構

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

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

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

Ui 細節

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

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

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

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

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

第三方框架

功能
dio 網路框架
carousel_slider 輪播圖
cached_network_image 圖片載入
share 連結分享
flutter_webview_plugin WebView

鳴謝

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

值得學習的話,Star哦^_^

GitHub地址:github.com/MeandNi/Flu…

相關文章