Flutter版 WanAndroid App.

运行本项目注意!!!

export PUB_HOSTED_URL=https://pub.flutter-io.cn 
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn 
flutter packages get
flutter run --release

更新说明

FlutterRepos

App目录结构

data网络数据层

api

class WanAndroidApi {
 /// 首页banner http://www.wanandroid.com/banner/json
 static const String BANNER = "banner";
 static const String USER_REGISTER = "user/register"; //注册
 static const String USER_LOGIN = "user/login"; //登录
 static const String USER_LOGOUT = "user/logout"; //退出
 // 拼接url
 static String getPath({String path: '', int page, String resType: 'json'}) {
 StringBuffer sb = new StringBuffer(path);
 if (page != null) {
 sb.write('/$page');
 }
 if (resType != null && resType.isNotEmpty) {
 sb.write('/$resType');
 }
 return sb.toString();
 }
}

网络请求工具类 DioUtil

// 打开debug模式.
DioUtil.openDebug(); 
 
// 配置网络参数.
Options options = DioUtil.getDefOptions();
options.baseUrl = "http://www.wanandroid.com/";
HttpConfig config = new HttpConfig(options: options);
DioUtil().setConfig(config);
 
// 两种单例请求方式.
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);

请求与返回实体类 protocol

class LoginReq {
 String username;
 String password;
 LoginReq(this.username, this.password);
 LoginReq.fromJson(Map<String, dynamic> json)
 : username = json['username'],
 password = json['password'];
 Map<String, dynamic> toJson() => {
 'username': username,
 'password': password,
 };
 @override
 String toString() {
 StringBuffer sb = new StringBuffer('{');
 sb.write("\"username\":\"$username\"");
 sb.write(",\"password\":$password");
 sb.write('}');
 return sb.toString();
 }
}

接口请求&解析 repository

 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;
 }
}

资源文件 res

colors.dart

class Colours {
 static const Color app_main = Color(0xFF666666); 
 
 static const Color text_dark = Color(0xFF333333);
 static const Color text_normal = Color(0xFF666666);
 static const Color text_gray = Color(0xFF999999); 
}

dimens.dart

class Dimens {
 static const double font_sp12 = 12;
 static const double font_sp14 = 14;
 static const double font_sp16 = 16;
 
 static const double gap_dp5 = 5;
 static const double gap_dp10 = 10;
}

strings.dart

class Ids {
 static const String titleHome = 'title_home';
} 
Map<String, Map<String, Map<String, String>>> localizedValues = {
 'en': {
 'US': {
 Ids.titleHome: 'Home',
 }
 },
 'zh': {
 'CN': {
 Ids.titleHome: '主页',
 },
 'HK': {
 Ids.titleHome: '主頁',
 },
 'TW': {
 Ids.titleHome: '主頁',
 }
 }
};

styles.dart

class TextStyles {
 static TextStyle listTitle = TextStyle(
 fontSize: Dimens.font_sp16,
 color: Colours.text_dark,
 fontWeight: FontWeight.bold,
 );
 static TextStyle listContent = TextStyle(
 fontSize: Dimens.font_sp14,
 color: Colours.text_normal,
 );
 static TextStyle listExtra = TextStyle(
 fontSize: Dimens.font_sp12,
 color: Colours.text_gray,
 );
}
// 间隔
class Gaps {
 // 水平间隔
 static Widget hGap5 = new SizedBox(width: Dimens.gap_dp5);
 static Widget hGap10 = new SizedBox(width: Dimens.gap_dp10);
 // 垂直间隔
 static Widget vGap5 = new SizedBox(height: Dimens.gap_dp5);
 static Widget vGap10 = new SizedBox(height: Dimens.gap_dp10);
}

Flutter 国际化相关 fluintl

// 在MyApp initState配置多语言资源
setLocalizedValues(localizedValues); //配置多语言资源
// 在MaterialApp指定localizationsDelegates和supportedLocales
MaterialApp( 
 home: MyHomePage(), 
 localizationsDelegates: [ 
 GlobalMaterialLocalizations.delegate, 
 GlobalWidgetsLocalizations.delegate, 
 CustomLocalizations.delegate //设置本地化代理 
 ], 
 supportedLocales: CustomLocalizations.supportedLocales,//设置支持本地化语言集合 
); 
// 字符串获取
IntlUtil.getString(context, Ids.titleHome);
CustomLocalizations.of(context).getString(StringIds.titleHome); 
// 支持复用。替换字符串格式要求:'%\${index}\$s' ,{index} 第几个参数,从0开始。
Ids.click_times: '%\$0\$s点击了%\$1\$s次', 
IntlUtil.getString(context, Ids.click_times, params: ['Tom', '$_counter']) 
// print: Tom点击了0次

Flutter 屏幕适配 ScreenUtil

// 步骤1
// 如果设计稿尺寸默认配置一致,无需该设置。 配置设计稿尺寸 默认 360.0 / 640.0 / 3.0
setDesignWHD(_designW,_designH,_designD); 
 
// 步骤2
// 在MainPageState build 调用MediaQuery.of(context)
class MainPageState extends State<MainPage> {
 @override
 Widget build(BuildContext context) {
 // 在 MainPageState build 调用 MediaQuery.of(context)
 MediaQuery.of(context);
 return new Scaffold(
 appBar: new AppBar(),
 );
 }
} 
 
// 步骤3
ScreenUtil.getInstance().screenWidth
ScreenUtil.getInstance().screenHeight
//屏幕适配相关 
ScreenUtil.getInstance().getWidth(size); //返回根据屏幕宽适配后尺寸(单位 dp or pt)
ScreenUtil.getInstance().getHeight(size); //返回根据屏幕高适配后尺寸 (单位 dp or pt)
ScreenUtil.getInstance().getWidthPx(sizePx); //sizePx 单位px
ScreenUtil.getInstance().getHeightPx(sizePx); //sizePx 单位px
ScreenUtil.getInstance().getSp(fontSize); //返回根据屏幕宽适配后字体尺寸
 
double adapterSize = ScreenUtil.getInstance().getAdapterSize(100);

//如果设计稿尺寸默认配置一致,无需该设置。 配置设计稿尺寸 默认 360.0 / 640.0 / 3.0
setDesignWHD(_designW,_designH,_designD); 
ScreenUtil.getScreenW(context); //屏幕 宽
ScreenUtil.getScreenH(context); //屏幕 高
//屏幕适配相关 
ScreenUtil.getScaleW(context, size); //返回根据屏幕宽适配后尺寸(单位 dp or pt)
ScreenUtil.getScaleH(context, size); //返回根据屏幕高适配后尺寸 (单位 dp or pt)
ScreenUtil.getScaleSp(context, size) ;//返回根据屏幕宽适配后字体尺寸
 
double adapterSize = ScreenUtil.getAdapterSizeCtx(context, 100)

Flutter 数据存储 SpUtil

 // 等待Sp初始化完成。
 await SpUtil.getInstance();
 
 SpUtil.getString('key', defValue: '');
 SpUtil.getInt('key', defValue: 0);
 
 /// save object example.
 /// 存储实体对象示例。
 City city = new City();
 city.name = "成都市";
 SpUtil.putObject("loc_city", city);
 
 City hisCity = SpUtil.getObj("loc_city", (v) => City.fromJson(v)); 
 print("thll Str: " + (hisCity == null ? "null" : hisCity.toString()));
 
 /// save object list example.
 /// 存储实体对象List示例。
 List<City> list = new List();
 list.add(new City(name: "成都市"));
 list.add(new City(name: "北京市"));
 SpUtil.putObjectList("loc_city_list", list);
 
 List<City> _cityList = SpUtil.getObjList("loc_city_list", (v) => City.fromJson(v));
 print("thll List: " + (_cityList == null ? "null" : _cityList.toString()));

Flutter Demos

Screenshots

Thanks

项目问题汇总

App

关于作者