11# Flutter provide ProvideMulti
2- >
3- > [ Flutter UI使用Provide实现主题切换] ( https://juejin.im/post/5ca5e240f265da30c1725021 )
4- >
2+ + 在数据管理上flutter package中的provide提供了良好使用体验,与scoped_model中最大的特点在于有namespace的概念。
3+ + 相关的使用方式,可以参考文章[ Flutter UI使用Provide实现主题切换] ( https://juejin.im/post/5ca5e240f265da30c1725021 )
4+ + 本文将介绍provide中ProvideMulti属性的使用方式
55
66本文相关链接
77* [ flutter-ui] ( https://github.com/efoxTeam/flutter-ui )
1010* [ provide] ( https://pub.dartlang.org/packages/provide )
1111* [ scoped_model] ( https://pub.dartlang.org/flutter/packages?q=scoped_model )
1212
13- #### 基本使用provide
14- * 初始化
13+ #### 初始化
1514```
16- ///
15+ /// UserModel
1716class UserModel with ChangeNotifier {
1817 String name = 'Wanwu';
1918 setAge(val) {
@@ -50,7 +49,7 @@ init({child, dispose = true}) {
5049/// main
5150void main() => runApp(init(child: MainApp()));
5251```
53- * 分析ProvideMulti
52+ #### 分析ProvideMulti
5453```
5554ProvideMulti(
5655 builder: builder,
@@ -59,11 +58,11 @@ ProvideMulti(
5958 requestedScopedValues: requestedScopedValues);
6059}
6160```
62- builder: (context, child, model)返回context, child, ProvidedValues值,ProvidedValues对应requestedValues提供的namespace。
63- requestedValues: [ ] 数组类型,即传入数据模型对应的namespace,需要使用哪个就传入哪个。[ UserModel, ConfigModel]
64- child: 传入组件,在build中返回
61+ + builder: (context, child, model)返回context, child, ProvidedValues值,ProvidedValues对应requestedValues提供的namespace。
62+ + requestedValues: [ ] 数组类型,即传入数据模型对应的namespace,需要使用哪个就传入哪个。[ UserModel, ConfigModel]
63+ + child: 传入组件,在build中返回
6564
66- * 使用
65+ #### 使用
6766```
6867ProvideMulti(
6968 builder:(context, child, model) {
@@ -78,6 +77,5 @@ ProvideMulti(
7877)
7978```
8079
81- 可在项目中进行尝试与使用ProvideMulti。
82- 源码可参考[ flutter-ui中关于flutter_provide应用] ( https://github.com/efoxTeam/flutter-demo/tree/master/flutter_provide )
83- 欢迎交流~
80+ * 源码可参考[ flutter-ui中关于flutter_provide应用] ( https://github.com/efoxTeam/flutter-demo/tree/master/flutter_provide )
81+ * 欢迎交流~
0 commit comments