Flutter中无需导航，如何将StatefulWidget的状态传递给子组件？

其实你完全不用通过导航来传递状态～直接给子组件LandingPageBody添加对应的参数就行，下面给你两种常用的方案：

1. 直接传递只读状态变量 #

如果子组件只需要读取父组件的notificationTap状态，不需要修改它，最简单的方式就是给LandingPageBody添加一个参数：

首先修改LandingPageBody类，添加接收状态的参数：

class LandingPageBody extends StatelessWidget {
  // 定义接收状态的变量
  final bool notificationTap;

  // 构造函数，required标记必填参数
  const LandingPageBody({super.key, required this.notificationTap});

  @override
  Widget build(BuildContext context) {
    // 在这里就可以直接使用notificationTap状态了
    return Center(
      child: Text(notificationTap ? "通知已点击" : "通知未点击"),
    );
  }
}

然后在父组件LandingPage的build方法里，创建LandingPageBody时传入状态：

@override
Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(...),
    // 传入notificationTap状态
    body: LandingPageBody(notificationTap: notificationTap),
  );
}

这样每次父组件setState更新notificationTap时，子组件也会跟着重新构建，显示最新的状态。

2. 传递回调函数（子组件需要修改父状态） #

如果子组件需要修改父组件的notificationTap状态，那就要在传递状态的同时，再传一个回调函数：

修改LandingPageBody，添加回调参数：

class LandingPageBody extends StatelessWidget {
  final bool notificationTap;
  // 定义回调函数，用来修改父组件的状态
  final ValueChanged<bool> onNotificationTapChanged;

  const LandingPageBody({
    super.key,
    required this.notificationTap,
    required this.onNotificationTapChanged,
  });

  @override
  Widget build(BuildContext context) {
    return Center(
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          Text(notificationTap ? "通知已点击" : "通知未点击"),
          // 点击按钮触发回调，修改父组件状态
          ElevatedButton(
            onPressed: () {
              onNotificationTapChanged(!notificationTap);
            },
            child: const Text("切换状态"),
          ),
        ],
      ),
    );
  }
}

然后在父组件里传入回调函数，通过setState更新状态：

@override
Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(...),
    body: LandingPageBody(
      notificationTap: notificationTap,
      onNotificationTapChanged: (newValue) {
        setState(() {
          notificationTap = newValue;
        });
      },
    ),
  );
}

这样子组件就能通过回调函数触发父组件的状态更新了。

如果你的项目比较复杂，状态需要在多个组件之间共享，也可以考虑使用Provider、Riverpod或者Bloc这类状态管理库，但对于这种简单的父子组件传递，上面两种方法完全够用啦～

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