Flutter：Stateful类外部弹窗关闭后刷新当前页面的实现方案

我看了你的代码，问题主要出在两个地方：一是更新数据后没有关闭弹窗，二是没必要用pushReplacement跳转页面——你已经通过Provider更新了全局用户数据，只要让当前页面监听这个变化就能自动刷新，不用重新跳转。

下面是具体的修复步骤：

1. 先关闭弹窗，再让页面自动刷新 #

在你的保存按钮的onPressed方法里，更新完Provider的用户数据后，添加关闭弹窗的代码：

Provider.of<AppData>(context, listen: false).updateUser(newUser);
// 关闭弹窗，回到当前页面
Navigator.of(context).pop();

2. 让当前页面监听Provider的变化 #

你已经用Provider管理了用户状态，现在只需要让profileScreen监听AppData的变化，就能自动刷新界面。这里有两种常用方式：

方式一：用Consumer包裹需要刷新的组件 #

这是最推荐的方式，因为Consumer只会重建它包裹的部分，性能更好。比如在profileScreen里展示用户信息的地方：

Consumer<AppData>(
  builder: (context, appData, child) {
    return Column(
      children: [
        Text(appData.user.firstName),
        Text(appData.user.lastName),
        // 其他需要展示用户数据的组件
      ],
    );
  },
)

方式二：在StatefulWidget的didChangeDependencies里更新状态 #

如果你的页面是StatefulWidget，也可以在这个生命周期方法里监听Provider的变化：

class ProfileScreen extends StatefulWidget {
  @override
  _ProfileScreenState createState() => _ProfileScreenState();
}

class _ProfileScreenState extends State<ProfileScreen> {
  late UserData _currentUser;

  @override
  void didChangeDependencies() {
    super.didChangeDependencies();
    // 每次Provider的数据变化时，获取最新的用户信息
    _currentUser = Provider.of<AppData>(context).user;
    setState(() {}); // 触发页面刷新
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        children: [
          Text(_currentUser.firstName),
          Text(_currentUser.lastName),
        ],
      ),
    );
  }
}

3. 修复一个小bug #

你的代码里判断数据是否变化的行有个错误：你拿_lastName（控制器对象）和Lname比较，而不是拿_lastName.text，这样判断永远是true，修正一下：

bool isChanged = !(_firstName.text.trim() == Fname.trim() && _lastName.text.trim() == Lname.trim());

为什么之前用pushReplacement会出现异常？因为弹窗是在当前页面的栈上打开的，pushReplacement会替换当前页面，但弹窗还没关闭，就会导致栈的混乱，出现先回到首页再跳转的奇怪行为。现在用关闭弹窗+Provider监听的方式，既简洁又不会有异常。

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