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

預覽圖:git

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

    源碼地址:github.com/MeandNi/Flu…web

  2. 安裝依賴bash

    flutter packages get
    複製代碼

UI 大體結構

採用相似 Android 模塊化思想,將整個 App 的內容分爲5個部分.網絡

Ui 細節

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

數據結構(結構圖壕無專業性可言,僅供觀賞😀。)

第三方框架

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

鳴謝

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

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

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

相關文章
相關標籤/搜索