How to give Shadow and Elevation to ElevatedButton?

Hello guys how are you all? Hope you all are fine. As we know RaisedButton is deprecated and the Elevated button is replacing Raised Button widget with its new features. Here in this tutorial, we are going to learn How to give Shadow and Elevation to ElevatedButton in Flutter.

How to give Shadow and Elevation to ElevatedButton?

Want to give Shadow and Elevation to ElevatedButton? we can use ElevatedButton.styleFrom and this property has shadowColor Property with Elevation property. so you can simply give shadow with elevation in ElevatedButton. Let’s explore examples.

Example

            ElevatedButton(
              child: Text('FlutterCorner.com'),
              style: ElevatedButton.styleFrom(
                onPrimary: Colors.white,
                shadowColor: Colors.red,
                elevation: 20,
              ),
              onPressed: () {
                print('Button Pressed');
              },
            )

Output

Faq

Summery

So it’s all About this tutorial. Hope this above-all solution helped you a lot. Comment below Your thoughts and your queries. Comment Below on your suggestion.

Check Out Below Article

• Generator cannot target libraries that have not been migrated to null-safety
• Flutter 2.0 upgrade, pub get failed with nonsense dependency behavior
• Flutter 2 upgrade dependencies failed
• How to Show Hide Widget programmatically in Flutter?
• Flutter Error: Vertical viewport was given unbounded height