Flutter中Gridview.count嵌套布局导致按钮文本裁剪的问题求助

核心矛盾点：

• 设置shrinkWrap: true时，GridView.count通过固定的childAspectRatio限制了子项高度，导致长文本按钮被裁剪；
• 不设置shrinkWrap时，外层SingleChildScrollView给了GridView无限垂直空间，触发"Vertical viewport was given unbounded height"错误；
• 仅修改physics属性无法解决高度未绑定的本质问题，也无法满足按钮同高同宽的需求。

放弃GridView，改用IntrinsicHeight+Row+Expanded组合，既能保证每行按钮同高同宽，又能让文本自由换行不被裁剪，同时兼容外层的SingleChildScrollView滚动。

静态按钮列表实现 #

替换原代码中GridView.count的部分，直接用行列嵌套实现：

// 替换原GridView区域的代码
Column(
  children: [
    // 第一行按钮
    IntrinsicHeight(
      child: Row(
        children: [
          Expanded(
            child: Padding(
              padding: const EdgeInsets.all(10.0),
              child: choiceButtons[0],
            ),
          ),
          Expanded(
            child: Padding(
              padding: const EdgeInsets.all(10.0),
              child: choiceButtons[1],
            ),
          ),
        ],
      ),
    ),
    // 第二行按钮
    IntrinsicHeight(
      child: Row(
        children: [
          Expanded(
            child: Padding(
              padding: const EdgeInsets.all(10.0),
              child: choiceButtons[2],
            ),
          ),
          Expanded(
            child: Padding(
              padding: const EdgeInsets.all(10.0),
              child: choiceButtons[3],
            ),
          ),
        ],
      ),
    ),
  ],
)

动态按钮列表实现 #

如果按钮数量不固定，可以通过循环自动分组生成行：

// 动态分组生成自适应行
Column(
  children: List.generate((choiceButtons.length / 2).ceil(), (rowIndex) {
    final start = rowIndex * 2;
    final end = start + 2;
    final rowButtons = choiceButtons.sublist(start, end.clamp(0, choiceButtons.length));
    return IntrinsicHeight(
      child: Row(
        children: rowButtons.map((button) {
          return Expanded(
            child: Padding(
              padding: const EdgeInsets.all(10.0),
              child: button,
            ),
          );
        }).toList(),
      ),
    );
  }),
)

• IntrinsicHeight：强制所在Row的高度等于该行内最高组件的高度，保证同一行按钮高度完全一致；
• Expanded：让每个按钮平分Row的宽度，实现同宽效果；
• 整个结构嵌套在SingleChildScrollView内，可正常滚动整个页面，彻底解决高度未绑定的错误。

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