Flutter嵌套ListView滚动联动及父列表滚动定位到TabBar的实现问题

问题1：底部内容遮挡、滚动无法回弹修复 #

出现该问题的核心原因是手动给TabBarView父容器设置了固定高度MediaQuery.of(context).size.height - 120.0，该值没有准确匹配实际可用视口高度，同时父子ListView各自持有独立滚动控制器，出现了滚动冲突。
修复方向：

• 弃用外层普通ListView+固定高度Container的组合，改用CustomScrollView统一管理整个页面的滚动事件
• 禁用PostGridScreen内部ListView的独立滚动能力，交给外层CustomScrollView统一处理滚动

问题2：滚动联动+TabBar停顶实现 #

要实现滚动到TabBar位置后TabBar固定在顶部，直接用SliverPersistentHeader组件包裹TabBar，设置pinned属性为true即可，无需手动监听滚动位置做判断。

完整修改代码示例 #

CustomScrollView(
  slivers: [
    // 顶部Welcome文本区域
    SliverToBoxAdapter(
      child: Text("Welcome"),
    ),
    // 吸顶的TabBar
    SliverPersistentHeader(
      pinned: true,
      delegate: _SliverTabBarDelegate(
        TabBar(
          controller: _tabController,
          indicatorColor: Colors.transparent,
          labelColor: Colors.black,
          isScrollable: true,
          labelPadding: EdgeInsets.only(right: 45),
          unselectedLabelColor: Color(0xFFCDCDCD),
          tabs: const [
            Tab(child: Text('Tab1')),
            Tab(child: Text('Tab2')),
            Tab(child: Text('Tab3')),
          ],
        ),
      ),
    ),
    // TabBarView内容区域，自动填充剩余高度
    SliverFillRemaining(
      child: TabBarView(
        controller: _tabController,
        children: [
          PostGridScreen(type: "Type1"),
          PostGridScreen(type: "Type2"),
          PostGridScreen(type: "Type3"),
        ],
      ),
    )
  ],
)
// 自定义SliverHeader代理，适配TabBar高度
class _SliverTabBarDelegate extends SliverPersistentHeaderDelegate {
  final TabBar tabBar;
  _SliverTabBarDelegate(this.tabBar);

  @override
  Widget build(BuildContext context, double shrinkOffset, bool overlapsContent) {
    return Container(color: Colors.white, child: tabBar);
  }

  @override
  double get maxExtent => tabBar.preferredSize.height;

  @override
  double get minExtent => tabBar.preferredSize.height;

  @override
  bool shouldRebuild(covariant _SliverTabBarDelegate oldDelegate) {
    return oldDelegate.tabBar != tabBar;
  }
}

PostGridScreen额外修改点 #

需要给PostGridScreen内部的ListView.builder添加两个属性，关闭独立滚动，适配外层CustomScrollView的高度计算：

ListView.builder(
  // 新增以下两行
  shrinkWrap: true,
  physics: const NeverScrollableScrollPhysics(),
  // 原有代码不变
  itemCount: yourCount,
  itemBuilder: (context, index) => yourListTile,
)

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