Flutter+Bloc电影应用API数据异常：控制台有数据但UI判列表为空

• 确认Bloc状态更新的正确性

  • 检查API请求完成后，Bloc是否正确emit了携带非空列表的新状态。在事件处理逻辑中，确保请求成功后将解析后的列表赋值给状态的对应字段，并且emit的是全新的状态实例（避免直接修改原状态对象后emit，导致Bloc判定状态无变化不触发UI更新）。
  • 在状态emit前后打印列表长度，比如解析完成后print('解析后列表长度: ${movies.length}')，确认状态内的列表确实非空。

• 排查UI层状态监听逻辑

  • 确保UI通过BlocBuilder/BlocConsumer监听Bloc状态时，直接使用state中的列表进行判断，而非初始化时的局部变量。不要在initState中将状态列表赋值给局部变量后一直使用，状态更新后局部变量不会自动同步。
  • 示例修正：

    // 正确写法：直接使用state中的列表
    BlocBuilder<MovieBloc, MovieState>(
      builder: (context, state) {
        if (state is MovieLoadedState) {
          return state.movies.isEmpty ? A() : B();
        }
        return A();
      },
    );
    

• 验证JSON解析环节

  • 虽然控制台打印的JSON非空，但要确认JSON转Dart模型列表的过程是否正确。检查模型类的字段名是否与JSON键完全匹配（注意大小写）、解析逻辑是否遗漏数据，比如用fromJson方法转换时，是否正确处理了数组类型的字段。解析完成后打印列表长度，确认转换后的Dart列表确实非空。

• 检查异步请求与状态更新顺序

  • 确认Bloc中是否在请求未完成时就emit了包含空列表的状态，且后续请求完成后的状态更新未被UI正确接收。确保每次状态更新都生成新的状态对象，比如：

    emit(MovieLoadedState(movies: List.from(fetchedMovies)));
    

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