Flutter中FutureBuilder UI更新异常：筛选栏需滚动才更新

你的筛选栏（SliverPersistentHeader 内的部分）需要滚动才更新，核心原因是 SliverPersistentHeader 的 delegate 没有在 totalCount 变化时重新创建：

• 当你调用 setState 更新 totalCount 时，父组件会重建，但 NestedScrollView 的 headerSliverBuilder 并不会主动重新执行（除非滚动触发 innerBoxIsScrolled 变化）。
• 旧的 ContestTabHeader delegate 仍然持有更新前的 totalCount 对应的 getFilterBarUI 实例，所以筛选栏不会立即更新，直到滚动触发 headerSliverBuilder 重新执行，才会创建新的 delegate 并更新UI。

这里提供两种直接有效的修复方式：

方式一：给 SliverPersistentHeader 添加唯一Key #

通过给 SliverPersistentHeader 绑定与 totalCount 关联的 ValueKey，当 totalCount 变化时，Flutter会识别到这个组件需要重建，从而自动创建新的 ContestTabHeader delegate：

SliverPersistentHeader(
  key: ValueKey(totalCount), // 新增：用totalCount作为Key
  pinned: true,
  floating: true,
  delegate: ContestTabHeader(
    getFilterBarUI(totalCount),
  ),
),

方式二：修改 ContestTabHeader 直接接收 totalCount #

让 ContestTabHeader 直接依赖 totalCount 参数，而不是提前传入构建好的 getFilterBarUI，这样当 totalCount 变化时，delegate 会在 build 方法中自动更新UI：

1. 重构 ContestTabHeader：

class ContestTabHeader extends SliverPersistentHeaderDelegate {
  final int totalCount;

  ContestTabHeader(this.totalCount);

  @override
  Widget build(BuildContext context, double shrinkOffset, bool overlapsContent) {
    // 在这里直接构建筛选栏，使用最新的totalCount
    return getFilterBarUI(totalCount);
  }

  // 保留你原有的minExtent、maxExtent等实现
  @override
  double get minExtent => 60; // 替换成你实际的高度
  @override
  double get maxExtent => 60;

  @override
  bool shouldRebuild(covariant SliverPersistentHeaderDelegate oldDelegate) {
    // 当totalCount变化时，标记需要重建
    return (oldDelegate as ContestTabHeader).totalCount != totalCount;
  }
}

2. 在 headerSliverBuilder 中使用修改后的 delegate：

SliverPersistentHeader(
  pinned: true,
  floating: true,
  delegate: ContestTabHeader(totalCount), // 直接传入totalCount
),

你的 getData 方法中，hotelList 的赋值应该放在 setState 内部，确保状态变量的修改都在状态更新回调中，避免潜在的更新延迟：

setState(() {
  totalCount = value.totalCount ?? 0;
  hotelList = value.entities!.map((val) {
    return HotelListData(
        imagePath: val.urlProfileImage ?? '',
        titleTxt: val.doctorFullName ?? '',
        subTxt: val.shortDescription ?? '');
  }).toList();
});

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