Nice simple approach for that vertical slider, works great as level indicator. Even though I have used that RotatedBox several times as well, it never occurred to me that it can perform magic on Sliders too, thx for this nice tip! 💙
@@HeyFlutter Nice thing with Flutter’s extremely composable widgets is that you can come up with creative solutions like this 👍 Don’t need an API for everything, just small flexible Widgets you can use to compose what you want, wrap it all as a custom widget and call it a day! 💙
Hi man, thanks for the Flutter classes. I would like to be a subscriber to your channel here on TH-cam. I noticed that you use Git for support. Do you plan to make the support option available here through the Google platform? grateful
bro i have created two silders on a page one below the other but the problem i am facing is when i move any slider the other slider updates its value ...so what to do i am stuck
Thank you, See The World! 🙂. Set state causes the widget to rebuild. This causes your functions that build the sliders to be invoked every time on rebuild. So instead of using a function and return a slider, create a separate widget that builds your slide
@@HeyFlutter Thanks for replying bro i solved that problem by wrapping the slider theme and slider with stateful builder inside a showmodalbottom sheet
@@HeyFlutter But now the problem which has arised is I have a text below the slider to show the user that how the fontsize has affected the text using slider but the text isn't changing as the slider moves...
Hi Johannes, thanks for the video. When using trackShape: RoundedRectSliderTrackShape(), the corner radius becomes 0 when the value is 0 or 100. Do you know how to fix that?
@@HeyFlutter , thanks. I don't see much customization in this class. for example, trackRadius is hardcoded in paint() method - I was wondering if you have an example overcoming this limitation.
Thank You @crazy_gamers_0079! Follow this link: stackoverflow.com/questions/58116843/flutter-how-to-add-thumb-image-to-slider I hope you will get your answer 🙂
You need to call setState within the onChanged property, Mohammed! See the source code for more details: github.com/JohannesMilke/slider_example/blob/master/lib/widget/slider/slider_color_widget.dart
![[ENGSUB] UNPRODUCTIVE DAY ใช้ชีวิต (เปื่อยๆ) ด้วยกัน 1 วัน! | OUROAD CLOSEFRiEND SS2 EP.9](http://i.ytimg.com/vi/pyYKZ3kra9w/mqdefault.jpg)
This might help you :)
👉 12 Week Flutter Training from Newbie to Expert: heyflutter.com
Source Code: github.com/JohannesMilke/slider_example
Range Slider Tutorial: th-cam.com/video/KPxq3SLjg98/w-d-xo.html
Slidable - Swipe To Action Tutorial: th-cam.com/video/TmSKRUVKNsQ/w-d-xo.html
Switch Tutorial: th-cam.com/video/PVuJ-If0AuU/w-d-xo.html
Dismissible - Swipe To Action Tutorial: th-cam.com/video/cswTKnXtSqk/w-d-xo.html
Slide Transition Animation Tutorial: th-cam.com/video/cxxHE0TTGbU/w-d-xo.html
Buttons 2.0 Tutorial: th-cam.com/video/ytlDKJBxW_A/w-d-xo.html
Buttons 2.0 For Web Tutorial: th-cam.com/video/V1Evs000yv8/w-d-xo.html
Text Banner Tutorial: th-cam.com/video/tmv42IcXh9M/w-d-xo.html
Material Banner Tutorial: th-cam.com/video/tmv42IcXh9M/w-d-xo.html
SnackBar Tutorial: th-cam.com/video/UkudAgCEhBI/w-d-xo.html
FlushBar Tutorial: th-cam.com/video/H-XEIkUfN4M/w-d-xo.html
This is exactly what i need, thank you. Another long video for weekend
Nice simple approach for that vertical slider, works great as level indicator. Even though I have used that RotatedBox several times as well, it never occurred to me that it can perform magic on Sliders too, thx for this nice tip! 💙
@@HeyFlutter Nice thing with Flutter’s extremely composable widgets is that you can come up with creative solutions like this 👍 Don’t need an API for everything, just small flexible Widgets you can use to compose what you want, wrap it all as a custom widget and call it a day! 💙
Thanks, Mike! 🙂 Yeah, it is a nice trick until the Flutter SDK supports vertical sliders by default. 💪
hi mr.milke you just amaze us with your videos thank you very much
It's you again for the save.
Thanks a ton!
Just Don't Break the consistency
Awasome content.
@JohannesMike, you saved my day, Thanku so much
The vertical slider breaks when built for web. It works, but visually it is smeared when rendered in chrome, firefox and edge.
Seems to be fixed in the latest update
Is there any option to change the thumb shape circle to an arrow
Keep going👍👍please try to make google fit integration.. Really need it. Waiting.. Thanks
Thank you, Sumayya! 🙂 I have added it to my list of ideas, however, I release already other videos for the near future.
Awesome tutorial👌👌
Thank you so much for this tutorial!!
If possible please make a deep dive tutorial on dio package.
#flutter #happycoding
@@HeyFlutter excellent sir
And thank you so much for sharing a great content and stay healthy!
Can you make the labels visible at all times and no only when the slider is selected? Or an alternative?
Thank you, Alex F!😊, This is not possible with this in-built slider widget
Percebi que é a maior dificuldade colocar gradiente em Slider.
Thank you much much much
Hi man, thanks for the Flutter classes. I would like to be a subscriber to your channel here on TH-cam. I noticed that you use Git for support. Do you plan to make the support option available here through the Google platform? grateful
thnxxx ❤️
You are welcome, tayyiba yousaf!
bro i have created two silders on a page one below the other but the problem i am facing is when i move any slider the other slider updates its value ...so what to do i am stuck
Thank you, See The World! 🙂. Set state causes the widget to rebuild. This causes your functions that build the sliders to be invoked every time on rebuild. So instead of using a function and return a slider, create a separate widget that builds your slide
@@HeyFlutter Thanks for replying bro i solved that problem by wrapping the slider theme and slider with stateful builder inside a showmodalbottom sheet
@@HeyFlutter But now the problem which has arised is I have a text below the slider to show the user that how the fontsize has affected the text using slider but the text isn't changing as the slider moves...
Hi Johannes, thanks for the video. When using trackShape: RoundedRectSliderTrackShape(), the corner radius becomes 0 when the value is 0 or 100. Do you know how to fix that?
@@HeyFlutter , thanks. I don't see much customization in this class. for example, trackRadius is hardcoded in paint() method - I was wondering if you have an example overcoming this limitation.
Wrap with a cliprrect widget with border radius
Thank You Liz Brownwood! Follow this link: api.flutter.dev/flutter/material/RoundedRectSliderTrackShape-class.html
I hope you will get your answer 🙂
Can I also customize the value indicator? Like adding some borders or setting a size of it?
Thank You Jjamppong! Yes you can. Follow this link to learn more about it: api.flutter.dev/flutter/material/Slider-class.html 🙂
Where does the setState() come from? It says it's not defined
@@HeyFlutter Thanks
Thanks, Eric! 🙂 You need to be within a Stateful class to have access to setState. Learn more about it here: th-cam.com/video/FL_U8ORv-2Q/w-d-xo.html
amazinggg
Thank you, @rumpeteverything! 🙂
Can u add image instead of the circle 🔴 can anybody tell this how to do
Thank You @crazy_gamers_0079! Follow this link: stackoverflow.com/questions/58116843/flutter-how-to-add-thumb-image-to-slider
I hope you will get your answer 🙂
my slider is changing value but not moving
@@HeyFlutter i am using getx with stateless widget
You need to call setState within the onChanged property, Mohammed! See the source code for more details: github.com/JohannesMilke/slider_example/blob/master/lib/widget/slider/slider_color_widget.dart