Flutter Provider调用notifyListeners()后状态未更新问题排查

你在HomeScreen的build方法中调用Provider.of<LoginProvider>(context, listen: false)获取状态时，手动将listen参数设置为了false，这个参数的作用是控制当前Widget是否订阅Provider的状态变更事件。
设置listen: false时，Widget只会在首次执行build时取一次Provider的当前值，后续Provider调用notifyListeners()发送状态更新通知时，这个Widget不会收到任何通知，也就不会触发重建。这正好对应你遇到的现象：

1. 首次启动/热重启时，build第一次执行拿到的是初始值isLoading=true、user数据为默认值，界面停在加载状态
2. login方法执行完成更新状态并调用notifyListeners()，但页面没有订阅变更，不会重绘
3. 按下Ctrl+S热重载时会强制触发页面全量重建，此时重新读取Provider的最新值，界面就正常渲染了

有两种常用的修改方式，选择任意一种即可：

方式1：修改listen参数为true #

直接把build方法里获取Provider时的listen参数改为true，即可订阅状态变更：

@override
Widget build(BuildContext context) {
  // listen设为true，状态更新时会触发build重执行
  bool isLoading = Provider.of<LoginProvider>(context, listen: true).isLoading;
  User user = Provider.of<LoginProvider>(context, listen: true).user;
  // 剩余原有代码保持不变
}

方式2：使用Consumer包裹业务逻辑（更推荐） #

用Consumer只包裹需要响应状态变化的部分，能减少不必要的全局重建，性能更优：

@override
Widget build(BuildContext context) {
  return Scaffold(
    backgroundColor: Colors.white,
    body: Consumer<LoginProvider>(
      builder: (context, loginProvider, child) {
        bool isLoading = loginProvider.isLoading;
        User user = loginProvider.user;
        print("INITIAL: $isLoading");
        print("INITIAL: ${user.data?.categoryList?.length ?? 0}");

        return !isLoading && user.data != null
            ? ListView.separated(
                itemCount: courses.length,
                separatorBuilder: (context, index) => const Divider(),
                itemBuilder: (context, index) {
                  final course = courses[index];
                  final courseNew = user.data!.categoryList![index];
                  print("INSIDE: $isLoading");
                  print("INSIDE: ${user.data!.categoryList!.length}");
                  if (courses.length == user.data!.categoryList!.length) {
                    // 原有自定义Item逻辑保持不变
                    return const SizedBox();
                  }
                  return const Center(
                    child: Text("No Data recieved from backend"),
                  );
                },
              )
            : const Center(
                child: CircularProgressIndicator(strokeWidth: 4),
              );
      },
    ),
  );
}

现有代码直接用!强制解包user.data，如果接口请求失败user.data为空时会触发空异常，建议补充空安全判断再使用相关属性。

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