Github
安卓請掃碼下載體驗，ios沒有證書，無法下載。
QRCode_258.png
項目結構
(logo)
2019年谷歌推出Provider，代替 Provide 成為官方推薦的狀態管理方式，Provide已經不再維護，項目已經逐漸替換成了Provider，項目默認分支是provider，可下載該分支查看。
我的主頁 老鐵們幫忙點個廣告： https://www.darrenblog.cn/#/detail/5dbf9a8a7bb725236692b6d4
該項目的特點
1、使用mvvm架構編寫。 MVVM架構在Flutter中的簡單實踐
2、Provider和RxDart 的使用
部分封裝介紹
1、refresh組件：刷新組件是在pull_to_refresh的基礎上進行的再次封裝，該庫本身是存在一些問題的，所以就自己改了一下使用。希望該庫持續更新，還有其他的刷新庫，這里就不詳細說了。主要是我們在使用時最好能夠讀懂別人的組件庫的代碼，這樣才能更好的解決問題。也是一種學習方式。pull__to__refresh
2、OpacityTapWidget組件：OpacityTapWidget組件解決了2個問題：
1）點擊效果：點擊時child有一個透明度的變化
2）點擊的熱區問題： OpacityTapWidget內部設置padding增加了點擊的熱區。
new OpacityTapWidget(
onTap: () {
Navigator.of(context).pop();
},
child: new Icon(Icons.close, color: Colors.white,size: 27,),
)
3、TapWidget組件：和OpacityTapWidget不一樣的是TapWidget點擊的效果是背景顏色的變化。
部分第三方庫的封裝與介紹
1.dio 網絡請求封裝: Dio
- Dio初始化
dio = new Dio()
..options = BaseOptions(
baseUrl: AppConfig.baseUrl,
connectTimeout: 30000,
receiveTimeout: 30000)
..interceptors.add(HeaderInterceptor());
..interceptors.add(LogInterceptor(responseBody: true, requestBody: true));
- 攔截器
class HeaderInterceptor extends Interceptor {
@override
onRequest(RequestOptions options) {
final token = AppConfig.userTools.getUserToken();
if (token != null && token.length > 0) {
options.headers.putIfAbsent('Authorization', () => 'Bearer' + ' ' + token);
}
// if (options.uri.path.indexOf('api/user/advice/Imgs') > 0 || options.uri.path.indexOf('api/user/uploadUserHeader') > 0) { // 上傳圖片
// options.headers.putIfAbsent('Content-Type', () => 'multipart/form-data');
// print('上傳圖片');
// } else {
// }
// options.headers.putIfAbsent('Content-Type', () => 'application/json;charset=UTF-8');
return super.onRequest(options);
}
}
2. rxdart
- 屬性監聽
方式1：
final subjectMore = new BehaviorSubject<bool>.seeded(false);
方式2：
final subjectMore = new BehaviorSubject<bool>();
subjectMore.value = false
_provide.subjectMore.listen((hasMore) {
});
方式1與方式2的不同是，方式1再初始化時就會觸發，監聽者會在初始化時監聽到false參數。
3.flutter_svg 初始化svg格式的圖片
new SvgPicture.asset("images/is_single.svg", width: 28, height: 28);
4.shared_preferences 數據存儲
由于數據的存儲和獲取是異步的，但是在項目中使用同步的方法獲取用戶信息就很是有必要，所以該項目再初始化之前就初始化了shared_preferences，解決了在項目中使用同步的方法獲取用戶信息這個問題。
void main() async {
/// 先初始化shared_preferences
await AppConfig.init();
runApp(MyApp());
}
Simulator Screen Shot - iPhone X? - 2019-05-06 at 18.23.53.png
Simulator Screen Shot - iPhone X? - 2019-05-06 at 18.23.18.png
Simulator Screen Shot - iPhone X? - 2019-05-06 at 18.23.21.png
Simulator Screen Shot - iPhone X? - 2019-05-06 at 18.23.25.png
Simulator Screen Shot - iPhone X? - 2019-05-06 at 18.23.28.png
Simulator Screen Shot - iPhone X? - 2019-05-06 at 18.23.35.png
Simulator Screen Shot - iPhone X? - 2019-05-06 at 18.23.38.png
