Flutter中SharedPreferences结合Cubit初始化状态异常：重启App后无法立即显示正确值的问题求助

我来帮你搞定这个问题！你的代码里有两个关键问题导致了启动时先显示0再加载正确值的情况，咱们一步步修复：

1. Cubit状态更新方式错误 #

Bloc/Cubit的核心规则是状态不可变——你不能直接修改当前state的属性，必须通过emit()方法发送一个全新的状态对象，这样UI才会感知到状态变化并刷新。

你原来的代码里直接修改state.drinkValue，只是改了内存里的对象属性，但没有触发任何状态更新通知，所以UI会一直停留在初始的0，直到其他操作触发状态变更或者页面重新构建。

修复后的DrinkCubit代码：

class DrinkCubit extends Cubit<DrinkState> { 
  DrinkCubit() : super(DrinkState(drinkValue: 0)); 

  Future<void> loadCounter() async { 
    final prefs = await SharedPreferences.getInstance(); 
    // 先获取存储的值，默认0
    final savedCounter = prefs.getInt('counter') ?? 0;
    // 发送新的状态对象，通知UI更新
    emit(DrinkState(drinkValue: savedCounter)); 
  } 
}

同时要确保你的DrinkState是不可变类（这是Bloc/Cubit的最佳实践），比如这样定义：

class DrinkState {
  final int drinkValue;

  // 使用const构造函数确保不可变
  const DrinkState({required this.drinkValue});
}

2. 优化初始化加载的时机 #

原来的Future.delayed(Duration.zero)虽然能运行，但不是最优雅的方式。更推荐直接在Cubit的构造函数里触发加载逻辑，这样App启动时Cubit会立刻开始加载数据，不需要依赖Widget的initState：

修改后的Cubit构造函数：

DrinkCubit() : super(DrinkState(drinkValue: 0)) {
  // 构造函数里直接调用加载方法，异步执行不阻塞初始化
  loadCounter();
}

这样你的主窗口initState里的代码就可以完全删掉了，UI会在Cubit加载完数据后自动更新到正确的数值。

如果因为某些原因必须在Widget里触发加载，也可以直接在initState里调用，不需要延迟：

@override 
void initState() { 
  super.initState(); 
  BlocProvider.of<DrinkCubit>(context).loadCounter(); 
}

效果验证 #

做完这两处修改后，App启动时会短暂显示初始的0（这是异步加载的正常现象），但一旦SharedPreferences数据加载完成，会立刻触发状态更新，UI会无缝切换到存储的正确数值——不会出现长时间停留在0的情况，也不需要等待页面加载完成或点击按钮才更新。

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