Flutter - How To Add a Shadow Under a Container (BoxShadow Tutorial)

Want to know how to add a shadow to any widget by wrapping it with a container with BoxShadow?

It's very simple and easy to define how it looks.

Just watch this quick Flutter video tutorial to learn how to do it.

But essentially, you just need to access the Container's decoration property, give it a BoxDecoration which has a boxShadow property. Then, you give it a list and inside that list place a BoxShadow class. Then you customize to your liking.

00:00 - Intro
00:32 - Adding the BoxShadow
01:29 - Picking The Shadow Color
01:45 - The spreadRadius Property
02:11 - The blurRadius Property
02:35 - The offset Property
03:35 - Applying Opacity to Shadow Color
04:09 - Final Conclusions
04:31 - Like & Subscribe
04:39 - Flutter Mentor Out

#flutter #dropshadow #boxshadow

Credits:

OUTRO SONG:
Mitsubachi by Smith The Mister https://smiththemister.bandcamp.com
Smith The Mister https://bit.ly/Smith-The-Mister-YT
Free Download / Stream: http://bit.ly/mitsubachi
Music promoted by Audio Library Mitsubachi – Smith The Mister (No Cop...

• #education
• #flutter
• #flutter_tutorial
• #flutter_tutorial_for_beginners
• #flutter_app
• #flutter_widgets
• #flutter_for_beginners
• #dart
• #google_flutter
• #flutter_sdk
• #flutter_developers
• #flutter_community
• #flutter_tutorials
• #how_to_add_a_shadow_under_any_widget
• #how_to_add_a_drop_shadow_under_a_container
• #how_to_give_a_container_a_drop_shadow
• #how_to_give_a_drop_shadow_to_any_widget
• #how_to_give_a_box_shadow
• #flutter_add_shadow
• #flutter_background_shadow
• #flutter_how_to_add_a_shadow
• #adding_shadow