Flutter Bloc+Freezed无法触发重复状态，UI不重建问题求助

1. Build方法未返回BlocBuilder #

你的ObjectsScreen的build方法中，BlocBuilder前缺少return关键字，导致Widget树不会渲染这个监听状态的组件，自然无法响应状态变化。

修复代码：

class ObjectsScreen extends StatelessWidget {
  ObjectsScreen({super.key});

  @override
  Widget build(BuildContext context) {
    if (context.read<ObjectsBloc>().state is Initial) {
      context.read<ObjectsBloc>().add(const ObjectsEvent.onFetchObjects());
    }
    // 补充return关键字
    return BlocBuilder<ObjectsBloc, ObjectsState>(
      // 移除多余的key，BlocBuilder会自动监听状态变更
      builder: (context, state) {
        return state.when(
          initial: () => const SizedBox.shrink(),
          loading: () => const Center(child: CircularProgressIndicator()),
          loaded: (objectsListResponse) {
            if (objectsListResponse.total <= 0) {
              return const Center(child: Text("暂无数据"));
            } else {
              return ObjectsLayoutGrid(
                key: ValueKey(objectsListResponse.objectsList.hashCode),
                // 补充组件所需参数
              );
            }
          },
          error: (message) => Center(child: Text(message)),
        );
      },
    );
  }
}

2. 避免重复触发请求 #

当前在build方法中判断Initial状态就添加事件，会导致Widget每次重建都触发一次请求。可以改为在Bloc初始化时触发请求：

class ObjectsBloc extends Bloc<ObjectsEvent, ObjectsState> {
  final ObjectsUseCase objectsUseCase;

  ObjectsBloc({required this.objectsUseCase})
      : super(const ObjectsState.initial()) {
    on<ObjectsEvent>((event, emit) => event.when(
          onFetchObjects: () => _fetchObjects(emit),
        ));
    // 初始化时自动触发一次请求
    add(const ObjectsEvent.onFetchObjects());
  }

  // ...其他代码不变
}

同时移除ObjectsScreen中判断状态添加事件的代码。

3. 简化Bloc状态发射逻辑 #

_fetchObjects方法中存在多余的状态拷贝操作，直接发射即可：

Future<void> _fetchObjects(Emitter<ObjectsState> emit) async {
  emit(const ObjectsState.loading());

  try {
    final response = await objectsUseCase.executeFetchObjects();
    if (response.isError || response.result == null) {
      emit(ObjectsState.error(
          response.errorMessage ?? 'Failed to fetch objects'));
    } else {
      // 无需额外拷贝，直接发射Loaded状态
      emit(ObjectsState.loaded(response.result!));
    }
  } catch (e) {
    emit(ObjectsState.error(e.toString()));
  }
}

4. 确保ObjectsListResponse的可变性与相等性 #

如果ObjectsListResponse不是用freezed生成的，需要确保它有正确的==和hashCode实现，否则Bloc无法检测到状态变化。建议用freezed注解生成该类：

@freezed
class ObjectsListResponse with _$ObjectsListResponse {
  const factory ObjectsListResponse({
    required List<Object> objectsList,
    required int total,
  }) = _ObjectsListResponse;
}

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