Futter - FULLY Customize Slider's Style (Colors & Sizes) - SliderThemeData
In the last video, we learned how to use the Slider widget and now we're going to learn how to style it exactly like we want. By the end of this video, you should be able to know how to fully manipulate the slider widget and you should be able to make it look exactly how you want it to.
Styling the Slider widget is much easier than you think. All you've got to do is access its theme data properties.
Once you do that, just use the properties that you have at your disposal (they're many!) to make the Slider look like your very own style/design.
Whenever you feel like you can't customize a widget to your liking, always check to see if that widget uses theme data. Because, if it does, then you will most likely be able to FULLY customize it to your liking.
Flutter exists to make your life easier, not harder. Always remember that!
Thank you for watching.
Related Videos:
How The Slider Widget Works - • Flutter - How The Slider Widget Works
Everything About Flutter Themes In Less Than 10 Minutes - Everything • Everything About Flutter Themes In Le...
Slider Class Official Documentation: https://api.flutter.dev/flutter/mater...
ThemeData Class Official Documentation:https://api.flutter.dev/flutter/mater...
ThemeDataConstructor Official Documentation: https://api.flutter.dev/flutter/mater...
00:00 - Intro
00:32 - Slider Documentation
01:10 - Note: CupertinoSlider + Slider.Adaptive
02:09 - Wrapping Slider With ThemeData/SliderThemeData
03:00 - Changing Track Colors
03:28 - Changing The Thumb Color
03:51 - Changing The Overlay Color
04:18 - Changing The Overlay Size
04:43 - Changing The Thumb Size
05:09 - Changing The Tick Color
05:35 - Changing The Track Size
06:12 - Changing The Label Color & Font Size
06:50 - How To Apply Styling To ALL Sliders
07:19 - Other Kinds Of ThemeData
07:57 - Like & Subscribe
08:02 - Flutter Mentor Out
#flutter #sliderThemeData #sliders
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...