Flutter 错误The argument type 'Color' can't be assigned to the parameter type 'MaterialStateProperty<Color?>?'.dart(argument_type_not_assignable)

1|0MaterialStateProperty<Color?>?和Color

• 当为TextButton等button添加颜色时，使用ButtonStyle为其添加颜色

TextButton(
      onPressed: () {},
      child: Text('text'),
      style:
          ButtonStyle(backgroundColor:Colors.white),
    );

• 这样设置会报错，如题

MaterialStateProperty.all() 方法是设置点击事件所有状态下的样式。
MaterialStateProperty.resolveWith() 可拦截分别设置不同状态下的样式。

• 如果所有的状态时的颜色都相同，使用MaterialStateProperty.all()，如果不同状态要使用不同的颜色时，用MaterialStateProperty.resolveWith()，例如：

TextButton(
      onPressed: () {},
      child: Text('text'),
      style: ButtonStyle(
        //backgroundColor:MaterialStateProperty.all(Colors.white)
        backgroundColor: MaterialStateProperty.resolveWith(
          (states) {
            if (states.contains(MaterialState.focused) &&
                !states.contains(MaterialState.pressed)) {
              //获取焦点时的颜色
              return Colors.blue;
            } else if (states.contains(MaterialState.pressed)) {
              //按下时的颜色
              return Colors.deepPurple;
            }
            //默认状态使用灰色
            return Colors.grey;
          },
        ),
      ),
    );

参考：https://zhuanlan.zhihu.com/p/278330232

__EOF__

本文作者：R1cardo
本文链接：https://www.cnblogs.com/r1cardo/p/15597022.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！