Flutter版WanAndroid App衅枫,旨在打造一款完整的Flutter應(yīng)用項(xiàng)目纫普。
包含啟動(dòng)頁(yè)阅悍,引導(dǎo)頁(yè),主題色切換昨稼,應(yīng)用國(guó)際化多語(yǔ)言节视,版本更新等功能,項(xiàng)目主框架采用響應(yīng)式編程RxDart和BLoC假栓,由于目前項(xiàng)目功能尚未完善寻行,代碼還有待優(yōu)化,后續(xù)項(xiàng)目重構(gòu)整理好后匾荆,會(huì)全部開(kāi)源出來(lái)拌蜘,敬請(qǐng)期待!歡迎下載體驗(yàn)牙丽。
有關(guān)項(xiàng)目最新動(dòng)態(tài)简卧,可以關(guān)注App內(nèi)第一條Hot Item信息。
網(wǎng)絡(luò)框架DioUtil烤芦,屏幕適配ScreenUtil
Flutter常用工具類(lèi)庫(kù) flustars
v0.1.6(2018.12.20)
新增網(wǎng)絡(luò)請(qǐng)求工具DioUtil, 單例模式举娩,可輸出請(qǐng)求日志。
// 打開(kāi)debug模式.
DioUtil.openDebug();
// 配置網(wǎng)絡(luò)參數(shù).
Options options = DioUtil.getDefOptions();
options.baseUrl = "http://www.wanandroid.com/";
HttpConfig config = new HttpConfig(options: options);
DioUtil().setConfig(config);
// 兩種單例請(qǐng)求方式.
DioUtil().request<List>(Method.get, "banner/json");
DioUtil.getInstance().request(Method.get, "banner/json");
//示例
LoginReq req = new LoginReq('username', 'password');
DioUtil().request(Method.post, "user/login",data: req.toJson());
//示例
FormData formData = new FormData.from({
"username": "username",
"password": "password",
});
DioUtil().requestR(Method.post, "user/login",data: rformData);
//解析示例
class WanRepository {
Future<List<BannerModel>> getBanner() async {
BaseResp<List> baseResp = await DioUtil().request<List>(
Method.get, WanAndroidApi.getPath(path: WanAndroidApi.BANNER));
List<BannerModel> bannerList;
if (baseResp.code != Constant.STATUS_SUCCESS) {
return new Future.error(baseResp.msg);
}
if (baseResp.data != null) {
bannerList = baseResp.data.map((value) {
return BannerModel.fromJson(value);
}).toList();
}
return bannerList;
}
}
// 網(wǎng)絡(luò)請(qǐng)求日志
I/flutter ( 5922): ----------------Http Log----------------
I/flutter ( 5922): [statusCode]: 200
I/flutter ( 5922): [request ]: method: GET baseUrl: http://www.wanandroid.com/ path: lg/collect/list/0/json
I/flutter ( 5922): [reqdata ]: null
I/flutter ( 5922): [response ]: {data: {curPage: 1, datas: [], offset: 0, over: true, pageCount: 0, size: 20, total: 0}, errorCode: 0, errorMsg: }
v0.1.5(2018.12.14)
ScreenUtil 新增屏幕適配,不依賴(lài)context
//如果設(shè)計(jì)稿尺寸與默認(rèn)配置一致铜涉,無(wú)需該設(shè)置智玻。 配置設(shè)計(jì)稿尺寸 默認(rèn) 360.0 / 640.0 / 3.0
setDesignWHD(_designW,_designH,_designD);
//返回根據(jù)屏幕寬適配后尺寸(單位 dp or pt)
ScreenUtil.getInstance().getWidth(100.0);
ScreenUtil().getWidth(100.0);
//返回根據(jù)屏幕高適配后尺寸(單位 dp or pt)
ScreenUtil.getInstance().getHeight(100.0);
ScreenUtil().getHeight(100.0);
//返回根據(jù)屏幕寬適配后字體尺寸
ScreenUtil.getInstance().getSp(12.0);
ScreenUtil().getSp(100.0);
已開(kāi)源
① 網(wǎng)絡(luò)框架
② 閃屏廣告頁(yè)
③ 啟動(dòng)頁(yè)
④ 引導(dǎo)頁(yè)
⑤ 主題色切換
⑥ 國(guó)際化
更新說(shuō)明
v0.1.2 (2018.12.20)
① 網(wǎng)絡(luò)框架DioUtil
② 合并flutter_demos
v0.1.1 (2018.11.19)
① 新增啟動(dòng)頁(yè)
② 新增引導(dǎo)頁(yè)
③ 修復(fù)banner無(wú)法點(diǎn)擊bug,一些優(yōu)化
v0.1.0 (2018.11.16)
① 堪稱(chēng)完美的UI界面almost
② 支持國(guó)際化
③ 支持更換主題色
主界面
主界面
引導(dǎo)頁(yè)
引導(dǎo)頁(yè)
啟動(dòng)頁(yè)
啟動(dòng)頁(yè)
閃屏廣告頁(yè)
閃屏廣告頁(yè)
分類(lèi)頁(yè)面
分類(lèi)頁(yè)面
Web頁(yè)雙擊Title滾動(dòng)到頂部
Web頁(yè)雙擊Title滾動(dòng)到頂部
多語(yǔ)言
多語(yǔ)言
設(shè)置主題色
設(shè)置主題色