代码之家  ›  专栏  ›  技术社区  ›  DolDurma

颤振改变平面按钮文本颜色

  •  0
  • DolDurma  · 技术社区  · 5 年前

    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))),    
    
    1 回复  |  直到 5 年前
        1
  •  2
  •   Aamil Silawat    5 年前

    尝试 TextStyle 在内部使用 Text 小部件如下:

    FlatButton(
        color: Colors.yellow,
        child: Text(
          'login',style: TextStyle(color: Colors.red)
        ),
        onPressed: () {}
        shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(50.0))),  
    
        2
  •  0
  •   Adithya Shetty    5 年前

    我不知道为什么 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)),
        ),