Flutter中能否存储已构建Widget在其他页面直接复用无需重新构建？

核心结论 #

首先明确Flutter的三树机制：Widget只是轻量的配置描述，你所说的「构建成本高」实际是对应的Element、RenderObject树的初始化、布局、绘制以及内部业务逻辑计算的成本。原生不支持直接把第一页挂载的RenderObject树直接迁移到第二页复用，因为一个Element只能绑定一个父节点，无法跨路由/父组件挂载。

可行实现方案 #

方案1：状态缓存 + 构建优化（最通用） #

• 把Widget1内部所有需要耗时计算的状态、业务逻辑抽离到独立的全局状态管理类，第一次初始化完成后缓存结果，第二次构建Widget1时直接读取缓存，无需重复计算。
• 给Widget1添加const构造（无可变参数时）或固定Key，配合状态管理的局部更新能力，可实现重复插入时build方法仅执行必要更新，避免全量重绘。

方案2：预挂载隐藏（适合高频使用场景） #

在路由根节点同时挂载两个页面的容器，将Widget1用Offstage组件包裹，不需要显示时设置offstage: true，此时组件会完成全量初始化但不会显示、也不参与页面布局。需要在第二页展示时直接修改offstage属性为false即可，无需二次构建。
注意该方案会长期占用Widget1对应的内存，仅适合该组件使用频率极高的场景。

方案3：快照缓存（适合静态无交互场景） #

如果Widget1展示后不需要后续交互，可以用RepaintBoundary包裹组件，第一页加载完成后调用toImage方法导出组件的渲染快照，第二页直接渲染快照图片，成本极低。
示例代码：

// 第一页包裹Widget1
RepaintBoundary(
  key: repaintKey,
  child: Widget1(),
)

// 导出快照
final image = await repaintKey.currentContext?.findRenderObject()?.toImage(pixelRatio: 1.0);

方案4：GlobalKey复用状态（适合初始化成本高的场景） #

给Widget1指定全局唯一的GlobalKey，跨页面插入Widget1时都传入同一个Key，Flutter会自动复用对应的State实例，内部保存的状态不会丢失，仅会重新执行布局绘制流程，可省去状态初始化的耗时。
示例代码：

// 全局定义Key
final widget1Key = GlobalKey<Widget1State>();

// 第一页使用
Widget1(key: widget1Key)

// 第二页使用，复用State
Widget1(key: widget1Key)

注意事项 #

不要尝试手动持有Element、RenderObject实例跨页面挂载，会触发框架层的生命周期异常、内存泄漏问题，属于不被支持的违规操作。优先做组件本身的性能优化（拆分懒加载子组件、const优化、局部更新），大部分场景下的「重组件」都是不必要的全量重绘导致的，优化后即使重新构建也不会有性能问题。

内容的提问来源于stack exchange，提问作者Allan