Flutter问题：回调中调用setState触发重建但未获取新数据

问题背景 #

升级Flutter项目框架时，通过父组件传递参数给子组件MenuListScreen，期望参数变化时子组件加载对应新数据。调试发现父组件调用setState更新参数后，子组件虽触发重建，但始终使用旧数据，未执行新的数据请求逻辑。

核心原因 #

子组件的menuList Future仅在initState中初始化一次，而initState仅在组件首次创建时执行。后续父组件传递的widget.menu变化时，子组件重建过程中没有重新触发数据请求的逻辑，导致复用旧的Future对象。

解决方法 #

方法1：重写didUpdateWidget监听参数变化 #

在子组件的State类中重写didUpdateWidget方法，对比新旧组件的menu参数，当参数发生变化时重新请求数据并更新状态。

修改子组件State类：

class _HomeListScreenState extends State<MenuListScreen> {
  late Future<MenuListModel> menuList;

  @override
  void initState() {
    super.initState();
    menuList = NetworkMenuList(menu: widget.menu, email: widget.email).getMenuList();
    print("=*=*=*=*=*=*= init ${widget.menu}");
  }

  // 添加此方法监听参数变化
  @override
  void didUpdateWidget(covariant MenuListScreen oldWidget) {
    super.didUpdateWidget(oldWidget);
    if (oldWidget.menu != widget.menu) {
      // 参数变化时重新请求数据
      menuList = NetworkMenuList(menu: widget.menu, email: widget.email).getMenuList();
      setState(() {});
    }
  }

  void doRefresh() {
    menuList = NetworkMenuList(menu: widget.menu, email: widget.email).refreshMenuList();
    setState(() {});
  }

  // ... 原有build方法保持不变
}

方法2：为子组件添加唯一Key #

在父组件创建MenuListScreen实例时，传入与_pageKey绑定的ValueKey，让Flutter将不同参数的子组件识别为全新的组件实例，从而重新执行initState和数据初始化流程。

修改父组件getPage方法中的返回代码：

return MenuListScreen(
  key: ValueKey(_pageKey), // 绑定唯一Key
  menu: _pageKey,
  email: _email,
  associationId: _associationId,
  callback: menuCallback);

补充提示 #

确保FutureBuilder的future不直接在build方法内创建（当前子组件的写法是正确的，使用成员变量存储Future），避免每次组件重建都触发不必要的重复请求。

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