flutter - 如何更改 ElevatedButton Flutter 中的 onPressed 高度

Question

之前版本2.0.1我使用的是 RaisedButton 的 flutter 并且有一个名为 focusElevation 的属性更改按钮按下时的高度。因此，在 Flutter 弃用它之后，根据文档，我们应该使用 ElevatedButton反而。但是现在我找不到用 style: 改变它的方法属性(property)。
我知道如何更改 海拔但我想改变 onPressed 海拔 当用户按下它时。正如来自其 documentations它有一些默认值:

The button's elevations are defined relative to the elevation parameter. The disabled elevation is the same as the parameter value, elevation + 2 is used when the button is hovered or focused, and elevation + 6 is used when the button is pressed.

所以任何想法如何自定义 onPressed 海拔 在 ElevatedButton ?

Answer 1

您可以使用 style 来做到这一点。属性(property)。

ElevatedButton(
  style: ButtonStyle(
    elevation: MaterialStateProperty.resolveWith<double>(
      (Set<MaterialState> states) {
        // if the button is pressed the elevation is 10.0, if not
        // it is 5.0
        if (states.contains(MaterialState.pressed))
          return 10.0;
        return 5.0;
      },
    ),
  ),
)

或者您可以将其与新的 ElevatedButton.styleFrom() 结合使用属性(property)，通过使用 merge方法。像这样:

ElevatedButton.styleFrom(primary: Colors.red).merge(
              ButtonStyle(
                elevation: MaterialStateProperty.resolveWith<double>(
                  (Set<MaterialState> states) {
                    if (states.contains(MaterialState.pressed))
                      return 10.0;
                    return 5.0;
                  },
                ),
              ),
            ),
          ),