可以在Flutter中的后续构建中重用小部件吗？

如何解决可以在Flutter中的后续构建中重用小部件吗？

我一直在搜索，却没有找到这个问题的合适答案：在后续的构建调用中可以重用窗口小部件吗？我的意思是，我创建了一个StatefulWidget，并且在build函数中保留了对返回的小部件的内部引用。在以后的构建中（如果我确定自上次构建以来未发生任何变化），则返回最后一个小部件，而不是构建一个新的小部件。

我知道应该避免这种情况，创建简单的构建并优化失效过程，以免复杂的窗口小部件不会过于频繁地重建。但是在某些情况下，我发现这可能是一个很好的解决方案。

特别阅读this official doc page，内容如下：

当重新遇到与上一帧相同的子窗口小部件实例时，重建所有后代的遍历将停止。该技术在框架内大量用于优化动画，而动画不会影响子树。请参见TransitionBuilder模式和SlideTransition的源代码，该模式使用此原理来避免在动画时重建其后代。

所以做这样的事情应该可以接受：

abstract class SmartState<T extends StatefulWidget> extends State<T> {
  Widget _lastBuild;
  T _prevIoUsWidget;

  bool shouldRebuild(T prevIoUsWidget);
  Widget dobuild(BuildContext context);

  @override
  @mustCallSuper
  Widget build(BuildContext context) {
    final T prevIoUsWidget = _prevIoUsWidget;
    _prevIoUsWidget = widget;

    if (prevIoUsWidget != null && _lastBuild != null && !shouldRebuild(prevIoUsWidget)) {
      return _lastBuild;
    }

    _lastBuild = dobuild(context);
    return _lastBuild;
  }
}

作为一点背景，我打算在一个列表项中扩展此类。列表本身有时会更改，并且会随新项目一起重建，尽管大多数项目保持不变，但我只是重新排列，删除或添加了一些项目。另外请注意，由于设计要求，我不得不将它们放在Wrap小部件中。

任何人都没有比这更好的解决方案。最重要的是，我想知道是否可以进行这样的重用。谢谢！

解决方法

您不必与框架作斗争，在内部flutter通过使用canUpdate（）方法之类的方法来进行重建。 https://api.flutter.dev/flutter/widgets/Widget/canUpdate.html。

为您的解决方案减少构建方法调用。您实际上使小部件的实例过于复杂。在没有提升性能的情况下，我会说甚至可能是更差的性能（请不要介意）。因为每次调用构建之前您总是向SmartState类抛出一个新对象，除非这些窗口小部件具有const构造函数（这有助于运行时最终对象），或者您可以从上面的链接中看到，在两个基本键上比较了窗口小部件和运行时类型，尽管我会说constConstructor的性能更高，但是dart和其他语言对对象的支持更多，而不是const变量。 dart（）本身负责大部分对象处理任务。

因此，要确定我的答案，您可以执行此操作，这可能会清除您的疑问。在任何有状态的小部件中执行此操作，您可能会找到答案

  void initState() { 
    super.initState();
  print( SizedBox() == SizedBox());  //OutPut: false 
  }

一种快速的解决方案是创建一个这样的类。

class WidgetConstant {
  static const SizedBox _sizedBox = SizedBox(
    height: 2,);

  WidgetConstant._();
  static Widget sizedBox() => _sizedBox;
}

现在使用下面的代码进行比较

void initState() { 
    super.initState();
  print( WidgetConstant.sizedBox() == WidgetConstant.sizedBox(););  //OutPut: true 
}

结论：颤振已经过优化，因此请使用此高性能框架enjoy。