fultter example app

Flutter-App

項目介紹

一個功能完整齊全的Bloc模式Flutter App項目。更關注架構的SPA應用。

項目更關注整體架構，以SPA方式完成全局Loading ,全局Toast ,全局命名路由动画,參數傳遞等功能。以Bloc方式實現狀態管理,一鍵換膚等功能。實現了屏幕適配，可自定義全局Loading的請求封裝，分離開發、測試、生產環境，WebView自然也一定要有咯。項目大部分都使用Flutter原生API來完成。使用少量原生插件。喜歡請Star，盡量別Fork。

APP強更提示：

• 虛擬機似乎不支持強更，需要用真機試

項目預覽

項目計劃

• ZFit 屏幕適配
• RouteSetting + 路由數據回傳
• 自定義App桌面圖標+ 名稱
• 無限輪播圖
• EventBus
• koa2 + node 後台服務器
• 封裝請求
• Storage 保持登錄狀態
• 解決頁面切換重繪問題
• webview
• 下拉刷新+ 上拉加載
• keepa-live && 緩存Widget
• 搜索功能
• App強制更新
• 拖動式排序
• BLoC模式實現狀態管理
• 一鍵換膚
• 重寫Flutter部分類
• 全局Toast + 全局Dialog
• 全局命名路由動畫
• 實現SPA (單頁面應用)
• 環境分離
• 元數據（由於flutter不支持反射，End）
• Bloc模式完善
• node架構完善

目錄結構

主目錄：

• assets：靜態文件
• back-end：mock數據

lib目錄：

• config：配置文件
• domain：實體類
• bloc：邏輯模塊
• page：頁面
• plugin：獨立組件/插件
• routes：路由
• service：接口封裝+ API地址
• styles: 常用樣式類
• utils：工具類
• view：可複用Widget

主要管理文件

• service.dart ：請求管理
• manager_page.dart ：單頁管理

Node 後台：

1. 安裝node.js
2. cd 到項目back-end目錄下
3. 控制台運行npm i
4. 控制台運行node server.js
5. 啟動服務端成功
6. tip：記得先要修改config文件下的baseUrl
7. tip：如果要啟動node的負載均衡/熱重載請使用PM2

附： 如果是本地調試，baseUrl請使用IP + 端口

End 附：

• BLoC模式
• 不使用setState就能刷新頁面
• 在多個頁面中共享狀態。

Flutter API文檔