调用Navigator.pushNamed后如何刷新前一个StatefulWidget页面

你在登录页调用的setState属于登录页自身的State实例，仅会触发登录页的重绘，不会通知Profile页更新。全局变量loggedin修改后，Profile页没有监听该值的变化，所以不会自动重新build，依旧展示登录按钮。

方案1：利用路由返回值（改动最小，适合简单场景） #

跳转登录页时等待返回结果，拿到登录成功的通知后主动触发Profile页的重绘：

1. 修改needLogin方法的跳转逻辑：

Widget needLogin(BuildContext context) {
  return Center(
    TextButton(
      onPressed: () async {
        // 等待登录页返回登录结果
        final loginSuccess = await Navigator.of(context).pushNamed<bool>("/login");
        // 登录成功则触发当前Profile页刷新
        if (loginSuccess == true) {
          setState(() {});
        }
      },
      child: const Text(
        "Login",
        style: TextStyle(fontSize: 20),
      )),
  );
}

2. 修改登录页的返回逻辑：

var user = FirebaseAuth.instance.currentUser;
if (user != null) {
  loggedin = true;
  // 将登录成功状态返回给上一级页面
  Navigator.of(context).pop(true);
}

注意：登录页的setState可以删除，因为马上要销毁登录页，不需要刷新它的界面。

方案2：使用ValueNotifier监听状态（适合多页面依赖登录状态的场景，便于逻辑复用） #

将登录状态改为可监听对象，所有依赖登录状态的页面自动响应变化，不需要手动处理路由联动：

1. 修改全局登录状态定义：

final ValueNotifier<bool> loggedin = ValueNotifier(false);

2. 改造Profile页的build逻辑，监听状态变化：

@override
Widget build(BuildContext context) {
  return ValueListenableBuilder<bool>(
    valueListenable: loggedin,
    builder: (context, isLoggedIn, child) {
      return isLoggedIn
          ? Column(children: [  //.... 展示用户信息
                   ])
          : needLogin(context);
    },
  );
}

3. 登录成功时直接修改状态值即可：

var user = FirebaseAuth.instance.currentUser;
if (user != null) {
  loggedin.value = true;
  Navigator.of(context).pop();
}

这种方案下，任何页面修改loggedin.value，所有用ValueListenableBuilder监听它的页面都会自动刷新，你封装的needLogin方法可以在任意页面直接复用，不需要额外适配。

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