从 Flutter 中的 RaisedButton 移除阴影

Question

有没有办法完全去除下的阴影RaisedButton？我已经设置 elevation: 0为非常RaisedButton但点击它时仍然出现阴影。

Answer 1

由于凸起按钮已被弃用。

ElevatedButton(
                style: ElevatedButton.styleFrom(
                  elevation: 0.0,
                  shadowColor: Colors.transparent,
               
                ),),

这应该是解决方案。它将删除高程和阴影。

Answer 2

RaisedButton有四个不同的elevation参数。只需将它们全部设置为 0。

elevation: 0,
hoverElevation: 0,
focusElevation: 0,
highlightElevation: 0,

Answer 3

由于 RaisingButton 已被弃用，应使用 ElevatedButton，因此该问题的解决方案也很简单。

elevation: MaterialStateProperty.all<double>(0)

Answer 4

您可以在这里找到答案： https ://api.flutter.dev/flutter/material/ButtonStyle-class.html

你必须使用：

.copyWith(elevation:ButtonStyleButton.allOrNull(0.0))


//Example

ElevatedButton(
        child: Text("Your Text"),
        onPressed: onPressed,
        style: ElevatedButton.styleFrom(
          backgroundColor: Color.fromRGBO(255, 255, 255, 1),
          foregroundColor: Colors.black54,
          shadowColor: Colors.transparent,
          elevation: 0.0,
        ).copyWith(elevation:ButtonStyleButton.allOrNull(0.0))