Flutter开发：如何让整个屏幕可滚动而非仅ListView可滚动？

你的代码里，SliverFillRemaining配合Column+Expanded把TabBarView限制在了固定高度的区域内，导致只有里面的ListView能单独滚动，整个页面无法联动。要实现全屏滚动，需要把所有内容都转化为Sliver组件，整合到CustomScrollView的slivers列表中，具体修改如下：

修改后的完整代码 #

return CustomScrollView(
  slivers: [
    SliverAppBar(
      actions: [
        // 保留原有的action内容
      ],
    ),
    // 用SliverToBoxAdapter包裹非滚动的顶部组件
    SliverToBoxAdapter(
      child: _showWidget(context, state.tenancy),
    ),
    // 同样用SliverToBoxAdapter包裹TabBar
    SliverToBoxAdapter(
      child: TabBar(
        unselectedLabelColor: Colors.black,
        labelColor: Colors.red,
        tabs: const [
          Tab(icon: Icon(Icons.people)),
          Tab(icon: Icon(Icons.person)),
        ],
        controller: _tabController,
        indicatorSize: TabBarIndicatorSize.tab,
      ),
    ),
    // 用SliverFillRemaining承载Tab切换内容，结合IndexedStack保持Tab状态
    SliverFillRemaining(
      child: IndexedStack(
        index: _tabController.index,
        children: [
          const Text("Tab A"),
          ListView.builder(
            // 移除shrinkWrap，因为现在在SliverFillRemaining中，高度由父级控制
            itemCount: 100,
            itemBuilder: (context, index) {
              return const Text("efff");
            },
          ),
        ],
      ),
    ),
  ],
);

关键改动说明 #

• 移除SliverFillRemaining外层的Column和Expanded，把每个独立模块用SliverToBoxAdapter包裹，加入到CustomScrollView的slivers列表中，这样所有内容都属于CustomScrollView的滚动范围。
• 用IndexedStack替代TabBarView，配合_tabController.index实现Tab切换，同时让Tab内容成为CustomScrollView滚动体的一部分，而不是独立的滚动容器。
• 去掉ListView.builder的shrinkWrap: true，因为此时ListView的高度由SliverFillRemaining控制，不需要自行收缩适配。

这样修改后，整个屏幕的内容都会跟随CustomScrollView一起滚动，不再局限于ListView区域。

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