如何强制飘飘重建/重绘所有小部件？

Question

有没有一种方法可以强制Flutter重画所有的窗口小部件(比如在区域设置改变之后)？

Answer 1

在这种类型的用例中，您有子级可以读取的数据，但您不想显式地将这些数据传递给所有子级的构造函数参数，这通常需要一个< code>InheritedWidget。Flutter会自动跟踪哪些窗口小部件依赖于这些数据，并重新构建你的树中已经改变的部分。有一个< code>LocaleQuery小部件用于处理语言环境的更改，您可以在股票示例应用程序中看到它的用法。

简单地说，股票正在做什么：

• 在根小部件（在本例中为 StocksApp）上放置一个回调，以处理区域设置更改。此回调执行一些工作，然后返回区域设置查询数据的自定义实例
• 将此回调注册为材料应用程序构造函数的 onLocale 已更改参数
• 需要区域设置信息的子构件使用区域设置查询（上下文）。
• 当区域设置更改时，Flutter 仅重绘对区域设置数据具有依赖关系的小部件。

如果您想跟踪语言环境更改以外的内容，可以创建自己的扩展InheritedWidget的类，并将其包含在应用程序根附近的层次结构中。它的父级应该是一个StatefulWidget，键设置为子级可以访问的全局键。StatefulWidget的State应该拥有要分发的数据，并公开调用setState的方法来更改它。如果子窗口小部件想要更改State的数据，它们可以使用全局键获取指向State（ ）的指针并调用其方法。如果他们想读取数据，他们可以调用 InheritedWidget子类的静态 of（context）method，这将告诉Flutter，无论何时，只要您的 setState ，就需要重新构建这些小部件。

Answer 2

老问题，但这是解决方案：

在生成方法中，调用“全部子项”函数并向其传递上下文：

@override
Widget build(BuildContext context) { 
  rebuildAllChildren(context);
  return ...
}

void rebuildAllChildren(BuildContext context) {
  void rebuild(Element el) {
    el.markNeedsBuild();
    el.visitChildren(rebuild);
  }
  (context as Element).visitChildren(rebuild);
}

这将访问所有儿童，并将他们标记为需要重建。如果将此代码放在小部件树中最顶部的小部件中，它将重新构建所有内容。

还要注意，您必须订购特定小部件来进行重建。你也可以使用一些布尔函数，这样当你真正需要的时候，部件的重建只需要重建它的所有子部件(当然，这是一个昂贵的操作)。

重要提示:这是一个黑客行为，只有当你知道你在做什么，并且有很强的理由这样做时，你才应该这样做。我的国际化包i18_extension就是一个例子。正如科林·杰克逊在他的回答中解释的那样，一般情况下你真的不应该这么做。

Answer 3

您的< code >小部件应该有一个< code>setState()方法，每次调用该方法时，都会重画小部件。

文档：Widget setState（）