fluttter学习之ButtonStyle 、MaterialStateProperty

在flutter2.0之前，我们使用FlatBUtton等一系列按钮组件，但是在2.0后都被弃用了， 需要被替换成TextBButton。之前我们在设置按钮的背景颜色，等相关属性都是可以直接通过属性直接设置的。但是现在设置按钮相关属性，需要使用到一个属性ButtonStyle

除了这种方式，官方也提供了类似styleFrom等静态方法来简化代码。

我们查看styleFrom方法源码，可以发现，系统也是给我们创建ButtonStyle对象并放回， 而且我们可以发现，里面设置颜色的方法ButtonStyleButton.allOrNull<Color>(shadowColor)，也是我们上面使用的方式直接设置的颜色。

我们可以在源码中看到， ButtonStyle中很多属性的类型是MaterialStateProperty。 那么MaterialStateProperty到底是什么？

首先我们看看MaterialStateProperty，在MaterialStateProperty体系中有一个MaterialState枚举，它主要包含了：

• hovered：鼠标交互悬浮停时
• focused：在键盘交互中突出显示
• pressed：通过鼠标、键盘或则触摸等方法发起的轻击或点击
• dragged：用户长按并移动控件时
• selected：例如check box的选定状态
• scrolledUnder：控件与下方可滚动内容重复时的状态
• disabled：当控件或则元素不能交互性时
• error：错误状态下， 比如TextFieldError

随着Web和Desktop平台的发布，原本的FlatButton无法很好的满足新的UI交互需求，例如鼠标交互下的hovered，所以TextButton开始使用MaterialStateProperty组成的ButtonStyle支持不同平台下的UI的状态展示。

在此之前，如果需要多平台适配你可能会这么写，你需要处理很多不同的状态需求，从而产生无数if或则case：

  getStateColor(Set<MaterialState> states) {