Flutter中如何强制重建依赖父级状态的有状态子组件

问题原因 #

Flutter框架对StatefulWidget重绘时，默认会通过组件的runtimeType和key属性判断是否复用已有的State实例。如果两者匹配就会复用旧的State对象，而initState只会在State实例首次创建时执行一次，因此父组件传入的count更新后，子组件的初始化逻辑不会再次触发。

解决方案 #

提供两种可直接落地的实现方式，适配不同业务场景：

方案1：绑定唯一Key强制重建子组件（最简单） #

每次count变化时，传入和count绑定的Key，让Flutter判定为不同的组件，直接销毁旧的子组件及对应State，创建新实例时就会重新执行initState逻辑。
仅需要修改父组件中MyListWidget的实例化代码即可：

// 父组件build方法内的MyListWidget实例化部分修改为
MyListWidget(count, key: ValueKey(count)),

适用场景：需要完全重置子组件所有内部状态（如滚动位置、临时输入内容等），对重建性能无强要求的场景。

方案2：重写didUpdateWidget生命周期（性能更优） #

不需要销毁重建子组件，直接在子组件的State中监听父组件传入参数的变化，触发初始化逻辑重新执行：
在_MyListWidgetState类中添加以下代码即可：

@override
void didUpdateWidget(covariant MyListWidget oldWidget) {
  super.didUpdateWidget(oldWidget);
  // 判断传入的count是否发生变化
  if (oldWidget.count != widget.count) {
    // 执行和initState中一致的初始化逻辑
    displayList = List.generate(widget.count, (int index) => index);
    // 触发UI更新
    setState(() {});
  }
}

适用场景：仅需要响应参数变化更新对应状态，不需要重置子组件其他内部状态，追求性能最优的场景。

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