Flutter - How To Easily Add Elevation/Drop Shadow To Any Widget (With Material Widget)
9 هزار بار بازدید -
3 سال پیش
-
Check out this very simple
Check out this very simple way to add an elevation/shadow/drop shadow to any widget you need!
By using the Material widget, you can customize a few properties of its child widgets and one of those is elevation. It's as simple as wrapping the widget in which you want the shadow to be underneath, and select an elevation double value!
I also (briefly) go over what the Material widget is and a few other things you can do with it. Such as using the Material widget's textStyle property as well as its color, borderRadius and shadowColor (to change the color of the elevation/drop shadow effect) properties. And of course the elevation property!
In the video I use the Container, ListTile and Text widgets as examples, but I haven't found one that this couldn't be applied to. (If you do find one, let me know! I'd love to check it out)
If you have any video topic ideas/suggestions feel free to let me know. I'm here to help you guys learn Flutter and I'll always do my best.
Material Widget/Class Official Documentation: https://api.flutter.dev/flutter/mater...
Material Library Official Documentation: https://api.flutter.dev/flutter/mater...
Material Design Introduction: https://material.io/design/introduction
00:00 - Intro
00:28 - What Is A Material Widget?
00:50 - What Is Material Design?
01:22 - Using The Material Widget
02:17 - Adding Elevation/Drop Shadow To Container
02:42 - Adding Elevation To ListTile
03:08 - Adding Elevation To The Text Widget
04:08 - Conclusions
04:22 - Like & Subscribe
04:29 - Flutter Mentor Out
#materialwidget #elevation #dropshadow
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...
By using the Material widget, you can customize a few properties of its child widgets and one of those is elevation. It's as simple as wrapping the widget in which you want the shadow to be underneath, and select an elevation double value!
I also (briefly) go over what the Material widget is and a few other things you can do with it. Such as using the Material widget's textStyle property as well as its color, borderRadius and shadowColor (to change the color of the elevation/drop shadow effect) properties. And of course the elevation property!
In the video I use the Container, ListTile and Text widgets as examples, but I haven't found one that this couldn't be applied to. (If you do find one, let me know! I'd love to check it out)
If you have any video topic ideas/suggestions feel free to let me know. I'm here to help you guys learn Flutter and I'll always do my best.
Material Widget/Class Official Documentation: https://api.flutter.dev/flutter/mater...
Material Library Official Documentation: https://api.flutter.dev/flutter/mater...
Material Design Introduction: https://material.io/design/introduction
00:00 - Intro
00:28 - What Is A Material Widget?
00:50 - What Is Material Design?
01:22 - Using The Material Widget
02:17 - Adding Elevation/Drop Shadow To Container
02:42 - Adding Elevation To ListTile
03:08 - Adding Elevation To The Text Widget
04:08 - Conclusions
04:22 - Like & Subscribe
04:29 - Flutter Mentor Out
#materialwidget #elevation #dropshadow
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...
3 سال پیش
در تاریخ 1400/02/02 منتشر شده
است.
9,003
بـار بازدید شده