Flutter多级数据传递scoped_model

导入第三方

scoped_model: ^1.1.0

注意&＃xff01;1.1.0支持flutter2.0 低版本可能不支持Flutter2.0
 

通过上篇博客知道了我们如果导入多个控件

通过构造方法交互数据将会变的冗余。

直接上代码

import &＃39;package:flutter/material.dart&＃39;;
import &＃39;package:scoped_model/scoped_model.dart&＃39;;class StateManagementDemo4 extends StatelessWidget {&＃64;overrideWidget build(BuildContext context) {return ScopedModel(model: CounterModel(),child: Scaffold(appBar: AppBar(title: Text("StatueManagementDemo"),elevation: 0.0,),body: ConunterWrapper(),floatingActionButton: ScopedModelDescendant(rebuildOnChange: false,builder: (context, _, model) &＃61;> FloatingActionButton(child: Icon(Icons.add),onPressed: model.increaseCount,),),),);;}
}class ConunterWrapper extends StatelessWidget {&＃64;overrideWidget build(BuildContext context) {return Center(child: Counter(),);}
}class Counter extends StatelessWidget {&＃64;overrideWidget build(BuildContext context) {return ScopedModelDescendant(builder: (context, _, model) &＃61;> ActionChip(label: Text(&＃39;${model.count}&＃39;),onPressed: model.increaseCount,),);}
}class CounterModel extends Model {int _count &＃61; 0;int get count &＃61;> _count;void increaseCount() {_count &＃43;&＃61; 1;notifyListeners();}
}