12、Flutter Widget - InheritedModel;

1,021 阅读1分钟

  如果你需要给一个深度嵌套的小部件,访问存储在小部件树顶部附近的数据。可以使用InheritedWidget;

  你只需要建立一个你的子类,为你的数据添加一两个字段。

class MyAncestor extends InheritedWidget{
    final Color colorOne;
    final Color colorTwo;
   const MyAncestor(this.colorOne,this.colorTwo,Widget child):super(child:child);


 @override
  bool updateShoudNotify(MyAncestor oldWidget){
  return colorOne!=oldWidget.colorOne||colorTwo!=oldWidget.colorTwo
}

}

并覆盖updateShouldNotify方法,子控件可以获取该控件中的数据:

Widget build(BuildContext context){
  final ancestor = context.inheritFromWidgetOfExactType(MyAncestor);

return Container(
 color:ancestor.colorTwo;
 height:50.0,
 width:50.0
);

)