Flutter：如何正确将PageView.builder嵌套进GridView.count中？

这个错误的核心原因是水平滚动的PageView没有得到明确的宽度约束——你的PageView嵌套在GridView的子组件（FeedsWidget）里，而GridView的子组件默认是自适应宽度的，导致PageView无法确定自身的水平边界，触发了视口无界的问题。

以下是几种可行的修复方案：

方案1：给PageView设置固定宽度 #

用SizedBox或Container包裹PageView，直接指定宽度值：

SizedBox(
  width: MediaQuery.of(context).size.width * 0.95, // 适配屏幕的宽度，可根据需求调整
  child: PageView.builder(
    scrollDirection: Axis.horizontal,
    itemCount: productModel.imageUrl!.length,
    itemBuilder: (context, index) {
      return ClipRRect(
        borderRadius: BorderRadius.circular(10),
        child: FancyShimmerImage(
          height: size.width * 0.28,
          width: size.width * 0.38,
          imageUrl: productModel.imageUrl![index],
          boxFit: BoxFit.fill,
        ),
      );
    },
  ),
)

方案2：让PageView占满父容器可用宽度 #

如果FeedsWidget的父组件（比如Card、Container）有明确的宽度约束，用Expanded包裹PageView，让它自动填充可用宽度：

Expanded(
  child: PageView.builder(
    scrollDirection: Axis.horizontal,
    itemCount: productModel.imageUrl!.length,
    itemBuilder: (context, index) {
      return ClipRRect(
        borderRadius: BorderRadius.circular(10),
        child: FancyShimmerImage(
          height: size.width * 0.28,
          width: size.width * 0.38,
          imageUrl: productModel.imageUrl![index],
          boxFit: BoxFit.fill,
        ),
      );
    },
  ),
)

注意：这种方法要求父组件本身必须有宽度限制，不能是Column这类无界宽度的组件。

方案3：调整GridView的childAspectRatio #

你当前的childAspectRatio: size.width / (size.height * 0.59)可能导致子组件的宽高比不合理，间接引发约束问题。可以改为更直观的固定比例：

GridView.count(
  shrinkWrap: true,
  physics: const NeverScrollableScrollPhysics(),
  crossAxisCount: 2,
  padding: EdgeInsets.fromLTRB(0, 13, 0, 30),
  childAspectRatio: 2 / 3, // 调整为固定宽高比，比如2:3
  children: List.generate(allProducts.length, (index) {
    return ChangeNotifierProvider.value(
        value: allProducts[index],
        child: Container(child: const FeedsWidget()));
  }),
)

另外需要确认：FeedsWidget中PageView的直接父组件如果是Column、ListView这类无宽度约束的组件，必须先给这个父组件加上宽度限制（比如Container(width: double.infinity)），再放置PageView。

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