Flutter中TextButton存在但不显示的问题求助

你的TextButton在Card上无法显示但能触发点击、长按可见，核心原因是文字颜色与Card背景色完全一致：

• Card的背景色是Colors.white，你给Text组件硬设置了color: Colors.white，正常状态下文字和背景融为一体，肉眼无法分辨；
• 长按能看到是因为Material组件长按会触发高亮效果，改变了按钮区域的背景色，文字才显现出来。

修复方案 #

方案1：移除Text的颜色设置，让ButtonStyle的配置生效

TextButton的foregroundColor属性会控制按钮文字的默认颜色，无需给Text单独设置color，单独设置会覆盖样式配置：

TextButton(
  style: ButtonStyle(
    foregroundColor: MaterialStateProperty.all<Color>(Colors.blue),
  ),
  child: Text('Fill'), // 移除这里的style: TextStyle(color: Colors.white)
  onPressed: () { },
)

方案2：保留Text颜色但确保与背景区分开

如果需要自定义文字颜色，选择和Card白色背景对比明显的颜色（比如蓝色）：

TextButton(
  style: ButtonStyle(
    foregroundColor: MaterialStateProperty.all<Color>(Colors.blue),
  ),
  child: Text('Fill', style: TextStyle(color: Colors.blue)),
  onPressed: () { },
)

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