收藏电影页面无海报显示问题求助（附Flutter代码）

核心问题定位 #

从代码来看，收藏后收藏页无法显示海报的主要原因有两个：

1. 收藏操作完成后未同步更新收藏列表状态：详情页执行收藏/取消操作时，仅更新了「是否收藏」的状态，没有触发收藏列表的重新加载，导致收藏页的Bloc无法获取最新的收藏数据。
2. 收藏页未在返回时重新拉取数据：收藏页的initState仅在首次创建时执行，从详情页返回时不会重新触发数据加载，页面会保持旧状态。

具体修复步骤 #

1. 修改FavoriteBloc的收藏逻辑，同步更新收藏列表 #

在ToggleFavoriteMovieEvent的处理中，完成收藏/取消操作后，重新加载收藏列表并发送更新状态，确保收藏页能收到最新数据：

on<ToggleFavoriteMovieEvent>((event, emit) async {
  // 执行收藏/取消操作
  if (event.isFavorite) {
    await deleteFavoriteMovie(MovieParams(event.movieEntity.id));
  } else {
    await saveMovie(event.movieEntity);
  }

  // 检查当前电影的收藏状态（给详情页更新按钮用）
  final favoriteCheckResponse = await checkIfFavoriteMovie(
    MovieParams(event.movieEntity.id),
  );
  favoriteCheckResponse.fold(
    (l) => emit(FavoriteMoviesError()),
    (r) => emit(IsFavoriteMovie(r)),
  );

  // 重新加载全部收藏电影，更新收藏页状态
  final favoriteMoviesResponse = await getFavoriteMovies(NoParams());
  favoriteMoviesResponse.fold(
    (l) => emit(FavoriteMoviesError()),
    (r) => emit(FavoriteMoviesLoaded(r)),
  );
});

2. 给收藏页添加生命周期监听，返回时刷新数据 #

修改FavoriteScreen的状态类，通过WidgetsBindingObserver监听页面生命周期，在页面回到前台时重新加载收藏列表：

class _FavoriteScreenState extends State<FavoriteScreen> with WidgetsBindingObserver {
  late FavoriteBloc _favoriteBloc;

  @override
  void initState() {
    super.initState();
    _favoriteBloc = getItInstance<FavoriteBloc>();
    _favoriteBloc.add(LoadFavoriteMovieEvent());
    WidgetsBinding.instance.addObserver(this);
  }

  @override
  void dispose() {
    WidgetsBinding.instance.removeObserver(this);
    _favoriteBloc.close();
    super.dispose();
  }

  @override
  void didChangeAppLifecycleState(AppLifecycleState state) {
    super.didChangeAppLifecycleState(state);
    // 页面从后台回到前台时，重新加载收藏数据
    if (state == AppLifecycleState.resumed) {
      _favoriteBloc.add(LoadFavoriteMovieEvent());
    }
  }

  // 原有build方法保持不变
}

3. 验证本地存储的完整性 #

检查SaveMovie用例的实现，确保MovieEntity的posterPath字段被完整保存到本地存储（如Hive、SQLite）：

• 如果用Hive，确认MovieEntity的Adapter包含posterPath字段
• 如果用SQLite，确认表结构有posterPath列，且插入/查询逻辑正确映射该字段

4. 检查海报图片加载路径 #

确认FavoriteMovieGridView中正确拼接海报URL，比如TMDB的海报需要拼接基础域名：

// 示例：正确加载TMDB海报
Image.network(
  'https://image.tmdb.org/t/p/w500${movie.posterPath}',
  fit: BoxFit.cover,
)

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