Flutter 更改 FlatButton textColor答案

【问题标题】：Flutter change FlatButton textColorFlutter 更改 FlatButton textColor
【发布时间】：2020-06-29 05:43:50
【问题描述】：

在颤振和我的应用程序中，我试图在不使用 ThemeData 的情况下更改一些 FlatButton 文本颜色，因为在应用程序的某些部分我希望有白色文本颜色或红色的按钮，如何正常设置此文本颜色？

例如：

FlatButton(
    color: Colors.black,
    textColor: Colors.white,
    child: Text(
      'login'
    ),
    onPressed: () {}
    shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(50.0))),

FlatButton(
    color: Colors.yellow,
    textColor: Colors.red,
    child: Text(
      'login'
    ),
    onPressed: () {}
    shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(50.0))),    

FlatButton(
    color: Colors.white,
    textColor: Colors.green,
    child: Text(
      'login'
    ),
    onPressed: () {}
    shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(50.0))),

【问题讨论】：

“我怎样才能正常设置这个文本颜色？” - 你已经做到了：color: Colors.yellow, textColor: Colors.red,
@pskink 是的，但它不起作用，所有按钮的 textColors 都是黑色
FlatButton( onPressed: () {}, textColor: Colors.red, child: Text('foo', textScaleFactor: 3.0,), ), 工作得很好

标签： flutter dart

【解决方案1】：

尝试在Text 小部件内使用TextStyle，如下所示：

FlatButton(
    color: Colors.yellow,
    child: Text(
      'login',style: TextStyle(color: Colors.red)
    ),
    onPressed: () {}
    shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(50.0))),

【讨论】：

【解决方案2】：

我不知道为什么 textColor 属性不适合你，但尝试给孩子text 小部件style，如下所示它会起作用。

FlatButton(
      color: Colors.red,
      textColor: Colors.green,
      child: Text("This is a flatButton",
          style: TextStyle(
            color: Colors.white, //This will do the work
          )),
      onPressed: () {},
      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(50.0)),
    ),

【讨论】：