使用 InheritedWidget 的正确方法是什么？到目前为止，我了解到它使您有机会将数据沿 Widget 树传播。在极端情况下，如果您将其设置为 RootWidget，它将可以从树中所有 Routes 上的所有 Widget 访问，这很好，因为我必须以某种方式使我的 ViewModel/Model 可供我的 Widget 访问，而不必求助于全局变量或单例。

但是 InheritedWidget 是不可变的，那么我该如何更新它呢？更重要的是，我的 Stateful Widgets 是如何被触发来重建它们的子树的？

不幸的是，这里的文档非常不清楚，在与很多人讨论之后，似乎没有人真正知道使用它的正确方法。

我添加了 Brian Egan 的一句话:

Yes, I see it as a way to propagate data down the tree. What I find confusing, from the API docs:

"Inherited widgets, when referenced in this way, will cause the consumer to rebuild when the inherited widget itself changes state."

When I first read this, I thought:

I could stuff some data in the InheritedWidget and mutate it later. When that mutation happens, it will rebuild all the Widgets that reference my InheritedWidget What I found:

In order to mutate the State of an InheritedWidget, you need to wrap it in a StatefulWidget You then actually mutate the state of the StatefulWidget and pass this data down to the InheritedWidget, which hands the data down to all of it's children. However, in that case, it seems to rebuild the entire tree underneath the StatefulWidget, not just the Widgets that reference the InheritedWidget. Is that correct? Or will it somehow know how to skip the Widgets that reference the InheritedWidget if updateShouldNotify returns false?

最佳答案

问题来自你的报价，这是不正确的。

正如您所说，InheritedWidget 与其他小部件一样，是不可变的。因此他们不会更新。它们是重新创建的。

问题是:InheritedWidget 只是一个简单的小部件，除了保存数据之外什么都不做。它没有任何更新或任何逻辑。 但是，与任何其他小部件一样，它与 Element 相关联。 你猜怎么着？这个东西是可变的，flutter 会尽可能地重用它!

更正后的报价是:

InheritedWidget, when referenced in this way, will cause the consumer to rebuild when InheritedWidget associated to an InheritedElement changes.

There's a great talk about how widgets/elements/renderbox are pluged together . 但简而言之，它们是这样的(左边是您的典型小部件，中间是“元素”，右边是“渲染框”):

事情是:当你实例化一个新的小部件时； flutter 会将其与旧的进行比较。重用它的“元素”，它指向一个渲染框。并且改变 RenderBox 属性。

好的，但这如何回答我的问题？

当实例化一个InheritedWidget，然后调用context.inheritedWidgetOfExactType(或MyClass.of，基本相同)；暗示它会监听与您的 InheritedWidget 关联的 Element。并且每当该 Element 获得一个新的小部件时，它都会强制刷新调用前一个方法的任何小部件。

简而言之，当您将现有的 InheritedWidget 替换为全新的时； flutter 会看到它发生了变化。并且将通知绑定(bind)的小部件潜在的修改。

如果你理解了一切，你应该已经猜到了解决方案:

将您的 InheritedWidget 包装在 StatefulWidget 中，每当发生变化时，它都会创建一个全新的 InheritedWidget!

实际代码的最终结果是:

class MyInherited extends StatefulWidget {
  static MyInheritedData of(BuildContext context) =>
      context.inheritFromWidgetOfExactType(MyInheritedData) as MyInheritedData;

  const MyInherited({Key key, this.child}) : super(key: key);

  final Widget child;

  @override
  _MyInheritedState createState() => _MyInheritedState();
}

class _MyInheritedState extends State<MyInherited> {
  String myField;

  void onMyFieldChange(String newValue) {
    setState(() {
      myField = newValue;
    });
  }

  @override
  Widget build(BuildContext context) {
    return MyInheritedData(
      myField: myField,
      onMyFieldChange: onMyFieldChange,
      child: widget.child,
    );
  }
}

class MyInheritedData extends InheritedWidget {
  final String myField;
  final ValueChanged<String> onMyFieldChange;

  MyInheritedData({
    Key key,
    this.myField,
    this.onMyFieldChange,
    Widget child,
  }) : super(key: key, child: child);

  static MyInheritedData of(BuildContext context) {
    return context.dependOnInheritedWidgetOfExactType<MyInheritedData>();
  }

  @override
  bool updateShouldNotify(MyInheritedData oldWidget) {
    return oldWidget.myField != myField ||
        oldWidget.onMyFieldChange != onMyFieldChange;
  }
}

但是创建一个新的 InheritedWidget 不会重建整个树吗？

不，不一定。因为您的新 InheritedWidget 可能具有与以前完全相同的 child 。确切地说，我的意思是同一个例子。 具有与以前相同的实例的小部件不会重建。

并且在大多数情况下(在您的应用程序的根目录中有一个inheritedWidget)，继承的小部件是常量。所以没有不必要的重建。

关于Flutter:如何正确使用 Inherited Widget？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/49491860/