Flutter父组件传参给子组件时无需重建ChildClass的实现方案

Flutter 原生支持父组件更新传参时保留子组件状态，不需要手动销毁重建ChildFrame实例。你当前遇到的状态丢失问题，本质是代码存在笔误，且没有正确使用State的生命周期方法。

先修正原代码的几处错误：

• _ChildFrameState 错误继承了 State<MainFrame>，需要改为 State<ChildFrame>，否则无法通过widget属性获取子组件的传入参数
• _MainFrameState 中parentData定义末尾多了多余的s字符
• 子组件State中重复定义了本地parentData变量，会屏蔽父组件传入的参数
• MainFrame的build方法中误将返回组件写为ChildClass，需要改为ChildFrame

原生方案（无额外依赖，最适配当前场景） #

核心逻辑：只要子组件的runtimeType和Key保持不变，父组件重建时子组件的State对象会被完整保留，内部维护的childData这类变量不会被重置。框架会在父组件传入新参数时自动触发didUpdateWidget回调，你只需要在这个回调里处理参数更新逻辑即可。

修正后的可运行代码：

class MainFrame extends StatefulWidget {
  MainFrame({ Key? key}) : super(key: key);

  @override
  State<MainFrame> createState() => _MainFrameState();
}

class _MainFrameState extends State<MainFrame>{
  var parentData = [];

  // 示例：更新parentData的逻辑
  void updateData() {
    setState(() {
      // 注意：更新列表/Map这类引用类型时，要生成新的对象实例，不要直接在原对象上修改
      parentData = List.from(parentData)..add("新增数据");
    });
  }

  @override
  Widget build(BuildContext context) {
   // 直接传入最新的parentData即可，不需要做任何销毁重建操作
   return ChildFrame(parentData: parentData);
  }
}

class ChildFrame extends StatefulWidget {
  final dynamic parentData;
  ChildFrame({ Key? key, required this.parentData}) : super(key: key);

  @override
  State<ChildFrame> createState() => _ChildFrameState();
}

class _ChildFrameState extends State<ChildFrame>{
  // 不要在这里重复定义parentData变量，需要用父级传值时直接取widget.parentData即可
  late dynamic childData;

  @override
  void initState() {
    super.initState();
    // 初始化逻辑只会执行一次，不会因为父组件传参变化被重复调用
    childData = time();
  }

  @override
  void didUpdateWidget(covariant ChildFrame oldWidget) {
    super.didUpdateWidget(oldWidget);
    // 对比新旧参数，判断是否需要处理更新
    if (oldWidget.parentData != widget.parentData) {
      // 此处widget.parentData就是父组件传入的最新值
      // 如果需要基于新参数更新子组件自身状态，在这里调用setState即可，childData不会被重置
    }
  }

  @override
  Widget build(BuildContext context) {
    // build方法中直接使用widget.parentData就能拿到最新的父级传值
    return const SizedBox();
  }
}

注意点：如果parentData是列表、Map这类引用类型，更新时必须替换整个对象的引用，不能直接在原对象上调用add/remove这类修改方法，否则框架无法检测到数据变化，不会触发子组件的更新回调。

跨层级传参方案 #

如果后续组件嵌套层级变深，逐层传参维护成本高，可以在父子组件的共同上层使用InheritedWidget实现数据共享，父组件更新数据时，所有依赖该数据的子组件会自动获取最新值，同样不需要销毁重建组件。当前场景下父子组件直接传参，优先用上面的原生方案即可，不需要引入额外实现增加复杂度。

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