20.4.8 三
继续讲项目
点击按钮弹出Drawer
应该是覆盖上底部栏
下课试着做了出来
很简单
思路:
之前drawer写在JHHomeScreen中
包含下面的是MainScreen
给JHMainScreen一个drawer
导航上的按钮是属于JHHomeScreen
事件传递, 刚好是上层的
还有一个功能没有做, 过滤
一些食品不喜欢, 过滤掉
学习思想, 项目架构的思路
底部模态出选择界面
创建filter文件夹, filter.dart
JHFilterScreen
filter_content.dart, JHFilterContent
路由, 默认的方式弹出, push
自定义, 从下面弹出
generateRoute做一个监听
如果setting.name == ... 做一些自定义
统一管理
改路由, 需要HotRestart
上面是固定
下面是滚动列表
Column布局, 下半部占据剩余所有空间
Widget buildChoiceTitle() {}
Widget buildChoiceSelect() {}
返回一个ListView
hasSize报错, shrinkWrap不用了, 换个写法
Expanded包裹一个ListView,
重复的东西抽取
Widget buildListTitle(String title, String subtitle, Function onChange)
布局完成后做一些事情
选中, 做过滤
三个界面
布尔类型, 值在多个界面进行共享
数据保存在哪里合适?
=> Provider MealViewModel
这样做会出现问题
相互依赖, 耦合性太过, 只是想使用布尔类型, 却要依赖整个ViewModel
=> 再搞一个FilterViewModel
生成setter、getter, 快捷生成
Switch的value不要写死, 根据之前的选择显示
对meals数据进行一个过滤 _meals.where((meal) {
//过滤
}).toList();
相互依赖, 改一个代码 JHMealViewModel依赖JHFilterViewModel
main.dart
ChangeNotifierProxyProvider
删除JHMealViewModel,
有个update必传参数
ChangeNotifierProxyProvider(
create: (ctx) => JHMealViewModel(),
update: (ctx, filterVM, mealVM) {
}
)
meal_view_model中
搞一个全局变量
void updateFilters(JHFilterViewModel filterVM) {
}
前面对返回false, 最终return true;
收藏没有过滤掉,
如果需求就是这样就没有问题
如果收藏也需要过滤掉
JHFavorViewModel依赖JHFilterViewModel
代码都是拷贝的, 重复代码 => 抽取
两个类里面有重复代码 => 搞一个基类
class BaseMealViewModel extends ChangeNotifer
notifyListenses()放在基类中
过滤之后的meals生成新的对象
在搞一个getter, 拿原始的meals
originMeals {
return _meals;
}
多个Provider之间相互的依赖
Flutter没有iOS中的ViewWillAppear
K appstore---大象期货
国际化
i18n
在写一个简单的例子, 新建一个项目
想要做国际化, 根据当前系统的语言
点击按钮显示时间选择器
里面的文本默认显示英文
希望在不同语言下显示不同语言
当前的语言就是中文, 没有显示中文
国际化的依赖
flutter:
sdk: flutter
flutter_localizations:
sdk: flutter
supportedLocales: [
Local("zh"),
Locale("en")
]
告诉Widget需要国际化
设置delegate
localizationsDelegates: [
GlobalWidgetsLocalizations.delegate
]
iOS非常的特殊
需要修改info.plist文件
i18n文件夹放所有国际化相关的东西
localizations.dart
class JHLocalizations {
static Map<String, Map<String, String>>
}
初始化对象的时候传入一个local
localizations.dart
创建一个实例, 共享一个实例
参考MaterialApp的做法
isSupport判断是否支持
显示默认的语言
shouldReload有点不好理解
load方法, 真正加载数据
资源是异步加载的, 返回Future
localizations_delegate.dart
抽取
static JHLocalization of(BuildContext context)
数据如果是放在服务器或json文件中, 异步加载
以json来举例子
- 加载json文件
- 对json进行解析
cast函数
抽到json文件中还不是最优的方案
getter还是要手动写
最优的方案: 将数据抽到arb文件中(应用资源包)
开发时依赖
AS的IDE插件
arb文件支持传参数
执行了shell脚本
