預(yù)覽圖：
app展示
app展示
app展示
app展示
開發(fā)環(huán)境
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)
編譯運(yùn)行
-
克隆代碼
-
安裝依賴
flutter packages get
UI 大致結(jié)構(gòu)
image
采用類似 Android 模塊化思想晨仑，將整個(gè) App 的內(nèi)容分為5個(gè)部分.
image
Ui 細(xì)節(jié)
暫不敘述，期待后續(xù)文章總結(jié)娱据。項(xiàng)目目前還在更新完善中允蚣，預(yù)計(jì)使用Redux成艘、Sqlflite等技術(shù)棧填充數(shù)據(jù)部分，本項(xiàng)目部分界面及工具類來自Flutter_CommonApp 诬像。
數(shù)據(jù)結(jié)構(gòu)(結(jié)構(gòu)圖壕無專業(yè)性可言昌腰，僅供觀賞??。)
image
image
image
第三方框架
| 庫 | 功能 |
|---|---|
| dio | 網(wǎng)絡(luò)框架 |
| carousel_slider | 輪播圖 |
| cached_network_image | 圖片加載 |
| share | 鏈接分享 |
| flutter_webview_plugin | WebView |
鳴謝
感謝那些熱愛開源飞醉、一起奮斗的朋友們冲茸。
值得學(xué)習(xí)的話，Star哦_
