Question

我正在尝试禁用“材质”按钮时显示不同的颜色。我要添加属性disableColor和disabledTextColor。但是，disabledTextColor显示的是确切的颜色，而disabledColor没有显示任何颜色。

这是我的代码

disabledColor：Colors.grey，//不适用于按钮的背景色 disabledTextColor：Colors.black，//用于按钮的文本颜色

MaterialButton(
  padding: EdgeInsets.all(10.0),
  disabledElevation: 1,
  disabledColor: Colors.black45,
  disabledTextColor: Colors.white70,
  color:Colors.indigo,
  textColor: Colors.white,
  child: Text("Verify",style: TextStyle(
    fontSize: 18.0,
  ),),
  onPressed: null,
),

我希望输出应该显示灰色作为背景色，黑色显示为文本色。

Answer 1

好像MaterialButton小部件上有一个错误，disabledColor变量未使用，请尝试使用RawMaterialButton。

   bool enabled = false;
   ...


    RawMaterialButton(
              padding: EdgeInsets.all(10.0),
              disabledElevation: 1,
              fillColor: enabled ? Colors.indigo : Colors.black45,
              textStyle: TextStyle(color: enabled ? Colors.white : Colors.white70),
              child: Text(
                "Verify",
                style: TextStyle(
                  fontSize: 18.0,
                ),
              ),
              onPressed: enabled ? () {} : null,
            ),

禁用材料按钮颜色未在Flutter中显示输入的颜色

1 个答案: