Flutter实现填满Expanded区域的持续红色背景TextButton

要让TextButton拥有持续红色背景并填满整个Expanded区域，需要调整以下几点：

• 替换primary属性为backgroundColor来设置按钮背景色，primary实际控制的是文字和图标颜色
• 移除默认内边距并设置按钮最小尺寸为父容器大小，确保填满Expanded
• 如果需要文本有内边距，给Text组件单独添加Padding

修改后的代码如下：

Expanded(
  child: TextButton(
    style: TextButton.styleFrom(
      padding: EdgeInsets.zero, // 去掉按钮默认内边距
      backgroundColor: Colors.red, // 设置持续红色背景
      minimumSize: Size(double.infinity, double.infinity), // 让按钮占满父容器空间
      textStyle: const TextStyle(fontSize: 20.0),
    ),
    child: const Padding(
      padding: EdgeInsets.all(18), // 给文本添加需要的内边距
      child: Text("False", style: TextStyle(color: Colors.white)), // 设置文字颜色避免和背景冲突
    ),
    onPressed: () {},
  ),
),

关键说明： #

• backgroundColor：直接指定按钮的背景色，替代原primary（原属性仅控制前景色）
• minimumSize: Size(double.infinity, double.infinity)：强制按钮尺寸扩展到父组件（Expanded）的最大可用空间
• 单独给Text加Padding：避免按钮内边距限制背景填充范围，同时保留文本的间距需求

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