Flutter报错求助：Vertical viewport was given unbounded height问题排查

先看看你遇到的核心错误提示：

Vertical viewport was given unbounded height.
Viewports expand in the scrolling direction to fill their container.In this case, a vertical viewport was given an unlimited amount of vertical space in which to expand. This situation typically happens when a scrollable widget is nested inside another scrollable widget.

这个问题我之前踩过坑！本质原因很简单：你把GridView（可滚动的视口组件）放在了Column里面，而Column在垂直方向没有高度限制——它会允许子组件无限向下延伸，但GridView默认需要明确的垂直空间来渲染，两者需求冲突，就触发了这个渲染断言错误。

下面给你两个最常用的解决方案，根据你的实际需求选就行：

方案一：让GridView自适应子组件高度（shrinkWrap） #

如果你的网格内容不多、不需要内部滚动，只想让GridView根据子项总高度自动收缩，那就给GridView加上shrinkWrap: true属性：

@override 
Widget build(BuildContext context) { 
  return Material( 
    color: Colors.deepPurpleAccent, 
    child: Column( 
      mainAxisAlignment: MainAxisAlignment.center, 
      children: <Widget>[
        GridView.count(
          shrinkWrap: true, // 关键属性：让GridView根据子项高度自适应
          crossAxisCount: _column,
          children: List.generate(_row * _column, (index) { 
            return const Center( 
              child: CellWidget() 
            ); 
          }),
        )
      ] 
    ) 
  ); 
}

方案二：让GridView占满剩余空间（Expanded） #

如果希望GridView占据Column中剩下的所有垂直空间（允许内部滚动），那就用Expanded把GridView包裹起来，这样Column会给GridView分配明确的高度约束：

@override 
Widget build(BuildContext context) { 
  return Material( 
    color: Colors.deepPurpleAccent, 
    child: Column( 
      mainAxisAlignment: MainAxisAlignment.center, 
      children: <Widget>[
        Expanded( // 用Expanded给GridView分配剩余空间
          child: GridView.count(
            crossAxisCount: _column,
            children: List.generate(_row * _column, (index) { 
              return const Center( 
                child: CellWidget() 
              ); 
            }),
          ),
        )
      ] 
    ) 
  ); 
}

额外小技巧 #

要是你的GridView嵌套在另一个可滚动组件（比如ListView）里，除了设置shrinkWrap: true，还可以加上physics: const NeverScrollableScrollPhysics()，这样能禁用GridView自身的滚动，让外层滚动组件统一处理滚动逻辑，避免嵌套滚动冲突~

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