Remove the drop shadow from a RaisedButton in Flutter

Question

Is there a way to completely remove the drop shadow under the RaisedButton ? I've set elevation: 0 to that very RaisedButton but the drop shadow still appears when tapping it.

Answer 1

Is there a way to completely remove the drop shadow under the RaisedButton ? I've set elevation: 0 to that very RaisedButton but the drop shadow still appears when tapping it.

Answer 2

Since raised button is deprecated.

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

This should be the solution. It will remove the elevation and the shadows.

Answer 3

由于 RaisedButton 已被弃用而应使用 ElevatedButton，因此解决此问题的方法也很简单。

elevation: MaterialStateProperty.all<double>(0)

Answer 4

You can find the answer here:https://api.flutter.dev/flutter/material/ButtonStyle-class.html

You have to use:

.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))