首页 > 解决方案 > Flutter:如何调试在状态更改时重新渲染的小部件

问题描述

我正在使用 Redux 和 Flutter 进行状态管理。每当我调度一个动作时,我都想知道哪些小部件被重新渲染。有什么办法吗?

标签: androiddebuggingreduxdartflutter

解决方案


在颤振中,每当一个小部件更新时;整个小部件树重绘。所以不行。

但是您也可以通过在树中插入一个RepaintBoundary小部件来手动引入“重绘边界”。这明确地告诉颤振为其子级创建一个新的绘画层(这意味着内存缓存)。因此,每当该子级更新时,它也不会重新绘制它的父级。

您可以做的是在重新绘制重绘边界时进行调试。

为此,您可以通过以下方式启用重绘彩虹:

  • t使用时按flutter run
  • 使用带有and的vscodeDart Code扩展ctrl/cmd + shift + penable repaint rainbow

推荐阅读