Flutter状态更新后ModalBottomSheet UI未更新问题求助

核心本质 #

你遇到的是Bloc状态订阅上下文不匹配导致的UI更新失效，具体原因拆解如下：

• ModalBottomSheet的独立上下文特性：Flutter中showModalBottomSheet会生成一个独立于父页面的上下文环境。如果ExcerciseTracker没有关联到父页面的WorkoutBloc实例，而是在BottomSheet的上下文里获取了新的Bloc实例（或未获取到正确实例），就会一直停留在WorkoutInitial初始状态。
• BlocProvider作用域未传递：若WorkoutBloc是在父页面通过BlocProvider提供的，但弹出BottomSheet时未将该Bloc的作用域传递进去，ExcerciseTracker就无法订阅到正确的状态流——即便Bloc本身在正常输出Workingout状态，BottomSheet内的Widget也接收不到。
• 状态订阅上下文错误：如果ExcerciseTracker使用BottomSheet自身的上下文来监听Bloc状态，而该上下文未绑定父页面的Bloc实例，自然只能拿到初始状态。

结合代码的推测（针对_onStartWorkoutButtonPressed方法） #

假设你的弹出逻辑类似如下：

void _onStartWorkoutButtonPressed() {
  // 启动Timer触发Bloc状态更新
  Timer.periodic(Duration(seconds: 1), (timer) {
    context.read<WorkoutBloc>().add(UpdateWorkoutStatus());
  });
  // 弹出BottomSheet
  showModalBottomSheet(
    context: context,
    builder: (context) {
      return ExcerciseTracker();
    },
  );
}

这里的问题在于：builder参数里的context是BottomSheet的独立上下文，和父页面的上下文并非同一个。如果ExcerciseTracker用这个上下文来获取Bloc，拿到的要么是新的初始实例，要么找不到正确的Bloc，因此无法接收状态更新。

快速验证方式 #

在WorkOutTracker和ExcerciseTracker中分别打印context.hashCode，会发现两个哈希值完全不同——这直接证明两者使用的是不同上下文，自然无法共享同一个Bloc实例的状态流。

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