Flutter中使用Riverpod时，如何在FutureBuilder内更新Provider值？

你遇到的错误是因为在Widget构建阶段（包括FutureBuilder的builder回调）直接修改Provider状态，这会触发Widget重建，而此时当前构建流程还未完成，Flutter框架会禁止这种操作。下面是几种可行的解决方案：

方案一：将用户加载逻辑移至UserNotifier内部 #

最符合Riverpod设计理念的方式是把用户数据的初始化逻辑封装到UserNotifier中，让Provider自己完成数据加载：

class UserNotifier extends StateNotifier<User?> {
  UserNotifier() : super(null) {
    // 初始化时自动加载本地保存的用户数据
    _loadSavedUser();
  }

  Future<void> _loadSavedUser() async {
    // 这里替换成你读取Flutter Secure Storage的实际代码
    final savedUser = await SecureStorage.instance.getUser();
    if (savedUser != null) {
      state = savedUser;
    }
  }

  void setUser(User user) {
    state = user;
  }
}

// Provider定义保持不变
final userProvider = StateNotifierProvider<UserNotifier, User?>((ref) {
  return UserNotifier();
});

之后首屏只需要监听userProvider的状态，根据状态显示加载或主界面即可，无需在build里手动调用setUser：

@override
Widget build(BuildContext context, WidgetRef ref) {
  final userState = ref.watch(userProvider);

  if (userState == null) {
    return Container(
      color: Colors.white,
      child: const Center(child: CircularProgressIndicator.adaptive()),
    );
  }

  return AppBody(context);
}

方案二：在构建完成后更新状态（适合必须在UI层处理的场景） #

如果一定要在首屏的FutureBuilder中处理，可以使用WidgetsBinding.instance.addPostFrameCallback，确保状态修改在当前帧构建完成后执行：

@override
Widget build(BuildContext context, WidgetRef ref) {
  return FutureBuilder(
    future: checkUser(),
    builder: (context, snapshot) {
      if (snapshot.hasData) {
        print("has data");
        // 延迟到当前帧构建完成后再修改Provider状态
        WidgetsBinding.instance.addPostFrameCallback((_) {
          ref.read(userProvider.notifier).setUser(snapshot.data!);
        });
      } else if (snapshot.hasError) {
        print(snapshot.error);
      } else {
        return Container(
          color: Colors.white,
          child: const Center(child: CircularProgressIndicator.adaptive()),
        );
      }

      return AppBody(context);
    },
  );
}

方案三：使用FutureProvider配合监听 #

可以先通过FutureProvider加载用户数据，再在UserNotifier中监听这个Provider的结果来更新状态：

// 定义加载用户数据的FutureProvider
final loadUserProvider = FutureProvider<User?>((ref) async {
  return await SecureStorage.instance.getUser();
});

// 修改UserNotifier，监听loadUserProvider
final userProvider = StateNotifierProvider<UserNotifier, User?>((ref) {
  final userFuture = ref.watch(loadUserProvider);
  final notifier = UserNotifier();
  userFuture.whenData((user) {
    if (user != null) notifier.setUser(user);
  });
  return notifier;
});

首屏同样只需监听userProvider的状态即可，无需额外处理。

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