Flutter RepaintBoundary

6/10/2022 flutter

Flutter Inspector 中点击 “Repaint Rainbow” 图标,它会为所有 RenderBox 绘制一层外框,并在它们重绘时会改变颜色。可以帮我们找到 App 中频繁重绘导致性能消耗过大的部分。

一个小动画可能会导致整个页面重绘,这个时候使用 RepaintBoundary Widget 包裹它,可以将重绘范围缩小至本身所占用的区域,这样就可以减少绘制消耗。

例如,页面的进度条动画刷新时会导致整个布局频繁重绘。

但是使用RepaintBoundary Widget会创建额外的绘制画布,这将会增加一定的内存消耗。

上次更新: 10/20/2022, 5:36:35 AM