12、Flutter Widget - InheritedModel;

最新推荐文章于 2024-10-02 09:54:20 发布

weixin_33834679

最新推荐文章于 2024-10-02 09:54:20 发布

阅读量308

点赞数

文章标签：移动开发

原文链接：https://juejin.im/post/5c7deda2e51d45420e388b6e

版权

如果你需要给一个深度嵌套的小部件，访问存储在小部件树顶部附近的数据。可以使用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
);

)
复制代码