Flutter - Fancy Circular Progress Indicators WITHOUT Custom Paint | Flutter UI Tutorial
HTML-код
- Опубликовано: 10 дек 2024
- #flutter #flutterui #mobileapp
In this video we will be taking a look at Alternative Way to create Fancy Progress or Percentage Indicators without Using Custom Paint. We will be using ShaderMask Widget and using its power to create Quick and Less Complex Indicators!
Github: github.com/ret...
Medium (Article): / lpp3kkmiu9
Flutter Widget Essentials Series:
• Flutter Widget Essenti...
If you find this video useful consider Supporting RetroPortal Studio:
✓ Buy Me a Coffee: www.buymeacoff...
✓ Patreon: / retroportalstudio
Social Links:
✓ Twitter: / theretroportal
✓ Instagram: / retroportalstudio
✓ Patreon: / retroportalstudio
If you like the tutorial, please hit the LIKE and Subscribe button and also consider supporting me on Patreon for More Flutter Tutorial on RetroPortal Studio.
Thank you for Watching! Happy Coding :)
If you find this video useful, consider Following me on:
Twitter: twitter.com/theretroportal
Instagram: instagram.com/retroportalstudio
LinkedIn: www.linkedin.com/in/parasjainrps
Happy Coding! ✌️😁
There are thousands of tutorial videos online but to find video like this one with such explicit content explanation is extremely difficult ! best tutorial video i have ever watched on youtube .
Thank you for not just coding out the solution but for explaining everything in-depth.
How it will look like in production, what are the other options for values, how do they affect the appearance.
Excellent!
To be frank, everything i learned till now, you contribute 95 percent. love your videos. I wished just one thing, if you can just a bit more explain the topics, by a just more, i swear there would be no any doubts after completing your videos.
Welcome back and thanks for the video!!
Welcome back, it's been awhile.
Thank you for this amazing tutorial video.
You're very welcome! Glad you liked it 🤓✌
Thanks for tutorial.
This is the rear channel with usefull solutions.
Waitinh for article with more examples.
Good to see u back bro, daily I will check your channel for new videos , today it happened. Share this progress indicator trick with real world implement.
Your tutorials and samples make me willing to write codes. Thanks
simply great, awesome
wish i can give thousands of likes
man you are amazing. Thank you for this.
THE RETURN OF THE KING
Very useful...... Please make videos regularly on flutter............ After 2 month's
Glad you found this useful 💙 I am trying my best mate! Will try keeping up with regular uploads!
That was a great tutorial! Clear and concise, thank you.
Awesome Explaination !!!
Awesome tutorial! Thanks a lot
Totally worth it to show how to create progress indicator in this video thanks a lot.
A question if i want to start from a different angle do i have just to change the value of startAngle in the sweepGradient widget ?
Excuse me, did you figure out how to change the start from a different angle?
Really nice!
Excellent video
Really thank you for your video it’s a very useful video
I want to give one more like 😊
Thank you very much i needed this tutorial (:
You don't need to wrap Scaffold inside SafeArea()
unless you aren't using AppBar() then you need to wrap the Scaffold body inside SafeArea().
AppBar() by default wraped inside SafeArea()
By the way keep making such videos on flutter.
Good Point! Had it in my Template! 😅
Such a wonderful Tutorial very useful. How can we put multiple circular bars in a screen?
Missed u bro🥺
As did i! 💙
absolute legend
Can you make a video on TypeHeadField (Autocomplete TextField)?
Nice explanation and gud tutorial.. How to pause/play in this??
Very useful
Thanks very useful the vídeo !!!!!
I'm a beginner dev. Why do you use the SweepGradient when in the end you dont see any of that gradient. I mean the progress indicator is only filling up in blue. The transparent is unnecessary. Right?
I think this cannot be well explained in this comment. There is an article linked in the description of this video. That will help and consider learning about masking... what it is and how it is done 😁
Come on dude i am waiting more advanced topics from you)
I have a lot to teach, scripting and creating quality content takes a lot of time. And because i currently have a lot on my plate i am trying to balance things as best as it can be possible for me.! I hope i'll be able to prepare some mode advanced stuff soon! ✌😁 Anyways i hope you enjoyed the tutorial mate!
@@RetroPortalStudio Keeping the balance is good. Don't let them rush you.
great tutorial
thank you for the tutorial, but is there a way to add +10 sec function as a button that allows you to add some seconds to the timer while its counting down
How can I show seconds with this indicator? I couldn't do it. I am beginer. :/
OMG THANK YOU!
It's great. ❤❤❤❤❤
ShaderMask is not working properly on my image. It creates colors in circular image but not only on visible area but it applied on overall picture
GREAT!
Pretty dope
nice!
Greet job sir
Is there a drastic performance difference between this and a custom painter?
Well, the difference in complexity is much more than performance in this case but there are certain use cases like Audio Waverforms and other progress indications where this method is really convenient in comparisom to Custom Painter
Sir please help me..... whenever i build apk of my flutter project and send to someone else and install then the app is crashing
.....what the reason and how i can solve it... please tell me....it project of my last year....so i hope you understand....
What command are you using to build the apk?
so amazing
I like it !
awesome..
Nice trick
Sir really appreciated But i am getting an error please help me to solve
sir i want to ask, i get an error when i add a value to the stops, the error is like this, The element type 'Object?' can't be assigned to the list type 'double'. any suggestions ?, thank you sir
same problem
(context,double value,child)
write that inside builder
@@saifmoh7193 Ohh thanks heaps mate!! I was actually looking for the solution!
How to use this as a home screeen widget?
how to restart again
Great
This is waay too complicated, use Rive instead
Trash. Work with shaders greatly affects performance