BlocBuilder封装为独立const Widget后无法重建的解决方案咨询

问题原因说明 #

Flutter 中被 const 修饰的 Widget 不是完全无法重建，仅当 Widget 本身的构造参数没有变化时，会复用已有的实例，但如果其内部依赖了 InheritedWidget（Bloc 状态监听本质就是依赖对应的 InheritedWidget 实现），在依赖的状态更新时，Widget 的 build 方法依然会正常触发执行。你遇到的不重建问题大概率是抽离 Widget 的逻辑结构不对导致的。

兼容 const 修饰的解决方案 #

不需要移除 const 构造，只需要调整抽离 Widget 的结构：将 BlocBuilder 逻辑放在你抽离的 WidgetA/WidgetB/WidgetC 内部即可，外层 const 修饰不会影响内部状态监听的重建逻辑。
正确的代码结构示例：

// 抽离的独立Widget，保留const构造
class WidgetA extends StatelessWidget {
  const WidgetA({super.key});

  @override
  Widget build(BuildContext context) {
    // BlocBuilder放在组件内部
    return BlocBuilder<BlocA, StateA>(
      builder: (context, state) {
        // 状态变化时这里会正常重建
        return Text(state.content);
      },
    );
  }
}

// 上层MainWidget中依然可以用const修饰实例
const MainWidget(
  child: Row(
    children: [
      const WidgetA(),
      const WidgetB(),
      const WidgetC(),
    ],
  ),
);

如果你之前的写法是把BlocBuilder留在MainWidget层，builder直接返回const WidgetA，那状态变化时WidgetA当然不会重建，因为const实例没有发生变更，框架会直接复用旧实例，这种写法本身就不符合状态驱动UI更新的逻辑。

不需要保留const的处理方案 #

如果你的业务场景下抽离的Widget确实没有静态可复用的内容，不需要const优化，也不用全局禁用prefer_const_constructors_in_immutables lint规则，只需要在对应Widget的构造器上添加单行忽略注释即可：

class WidgetA extends StatelessWidget {
  // 仅禁用当前组件的该lint规则，不影响全局
  // ignore: prefer_const_constructors_in_immutables
  WidgetA({super.key});

  @override
  Widget build(BuildContext context) {
    // 业务逻辑
  }
}

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