Flutter：如何让SingleChildScrollView与轮播、网格组件联动滚动

你的问题核心是布局层级冲突：外层固定高度的SizedBox限制了Column的高度，再加上Expanded强制GridView占满剩余空间，导致GridView只能在自身区域独立滚动，而SingleChildScrollView仅能作用于轮播所在的上部区域。按以下步骤修改即可实现整体滚动：

修改要点： #

• 移除包裹Column的SizedBox(height: MediaQuery.of(context).size.height)，固定高度会截断内容，让SingleChildScrollView无法感知完整的内容高度。
• 删除包裹PagedGridView的Expanded组件，Expanded会强制GridView占满Column剩余空间，破坏整体滚动的布局逻辑。
• 保留PagedGridView的shrinkWrap: true，让GridView根据内容自动调整高度。
• 给PagedGridView设置physics: const NeverScrollableScrollPhysics()，禁用自身滚动，把滚动控制权完全交给外层的SingleChildScrollView。

修改后的代码片段： #

return Scaffold(
  body: SafeArea(
    child: Padding(
      padding: const EdgeInsets.all(8.0),
      child: SingleChildScrollView(
        scrollDirection: Axis.vertical,
        child: Column( // 直接用Column，去掉外层固定高度的SizedBox
          children: <Widget>[
              FutureBuilder<PscResponse>(.....),
              SizedBox(...),
              // 去掉Expanded，直接放PagedGridView
              PagedGridView<int, Psgrow>(
                  showNewPageProgressIndicatorAsGridChild: true,
                  showNewPageErrorIndicatorAsGridChild: true,
                  showNoMoreItemsIndicatorAsGridChild: true,
                  pagingController: _contPsg,
                  physics: const NeverScrollableScrollPhysics(), // 禁用自身滚动
                  shrinkWrap: true, // 自适应内容高度
                  gridDelegate:
                      const SliverGridDelegateWithMaxCrossAxisExtent(
                    maxCrossAxisExtent: 330,
                    childAspectRatio: 3 / 2,
                    crossAxisSpacing: 10,
                    mainAxisSpacing: 10,
                    mainAxisExtent: 205,
                  ),
                  builderDelegate: PagedChildBuilderDelegate<Psgrow>(
                      itemBuilder:
                          (BuildContext context, Psgrow item, int index) {
                    return PSGItemWidget();
            ..................
            ..................

修改后，SingleChildScrollView会包含轮播和GridView的全部内容，整个页面可以作为一个整体滚动，同时因为禁用了GridView的自身滚动，不会出现滚动区域冲突的问题。

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