Question

在Flutter和我的应用程序中，我尝试不使用FlatButton来更改某些ThemeData文本颜色，因为在应用程序的某些部分中，我希望按钮具有白色或红色的颜色，我如何正常设置此文本颜色？

例如：

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))),

Answer 1

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

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

Answer 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)),
    ),

颤振更改FlatButton textColor

2 个答案: