Flutter中如何控制ListView内TextButton的尺寸？

你遇到的SizedBox失效问题，大概率是TextButton本身的默认约束在起作用，试试下面几种可行方案：

1. 直接在TextButton.styleFrom中设置constraints #

通过constraints参数强制指定按钮的最小/固定尺寸，这是最直接的方式：

Widget _formTextButton(onPressed, buttonText) => TextButton(
      style: TextButton.styleFrom(
        foregroundColor: Colors.white,
        backgroundColor: Colors.blue,
        padding: const EdgeInsets.all(16.0),
        textStyle: const TextStyle(fontSize: 20),
        // 强制设置最小尺寸，宽高都固定的话用BoxConstraints.tight
        constraints: const BoxConstraints(minWidth: 200, minHeight: 60),
        // 固定宽高写法：constraints: BoxConstraints.tight(Size(200, 60)),
      ),
      onPressed: onPressed,
      child: Text(buttonText),
    );

2. 用SizedBox包裹并配合tapTargetSize缩小点击区域 #

如果坚持用SizedBox，需要把按钮的点击目标尺寸设为最小，避免默认的扩展点击区域影响尺寸控制：

Widget _formTextButton(onPressed, buttonText) => SizedBox(
      width: 200,
      height: 60,
      child: TextButton(
        style: TextButton.styleFrom(
          foregroundColor: Colors.white,
          backgroundColor: Colors.blue,
          padding: const EdgeInsets.all(16.0),
          textStyle: const TextStyle(fontSize: 20),
          tapTargetSize: MaterialTapTargetSize.shrinkWrap, // 缩小点击目标到按钮本身
        ),
        onPressed: onPressed,
        child: Text(buttonText),
      ),
    );

3. 用ConstrainedBox添加灵活尺寸约束 #

ConstrainedBox比SizedBox更适配按钮的布局逻辑，能提供更灵活的尺寸限制：

Widget _formTextButton(onPressed, buttonText) => ConstrainedBox(
      constraints: const BoxConstraints.tightFor(width: 200, height: 60),
      child: TextButton(
        style: TextButton.styleFrom(
          foregroundColor: Colors.white,
          backgroundColor: Colors.blue,
          padding: const EdgeInsets.all(16.0),
          textStyle: const TextStyle(fontSize: 20),
        ),
        onPressed: onPressed,
        child: Text(buttonText),
      ),
    );

额外提示 #

如果不需要固定尺寸，只是想微调按钮大小，也可以修改padding参数，通过增大/减小内边距来改变按钮整体尺寸。

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