Flutter - Fancy Circular Progress Indicators WITHOUT Custom Paint | Flutter UI Tutorial

#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/retroportalstudio/...
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.buymeacoffee.com/theretro...
✓ 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 :)

[@RetroPortalStudio]

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! ✌️😁

[@mercysparks1403]

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 .

[@kirill4531]

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!

[@raphaeldantalian2321]

Welcome back and thanks for the video!!

[@CreativeBracket]

That was a great tutorial! Clear and concise, thank you.

[@fuadall8961]

Thanks for tutorial. This is the rear channel with usefull solutions. Waitinh for article with more examples.

[@DarkHeros09]

Welcome back, it's been awhile. Thank you for this amazing tutorial video.

[@RetroPortalStudio]

You're very welcome! Glad you liked it 🤓✌

[@hasankemalturk4416]

Your tutorials and samples make me willing to write codes. Thanks

[@saranyapadmanaban729]

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.

[@Andi199656]

Awesome tutorial! Thanks a lot

[@mkhwanazicebo4448]

man you are amazing. Thank you for this.

[@danielaraujo5857]

Thank you very much i needed this tutorial (:

[@brandonmochi]

THE RETURN OF THE KING

[@freakinawesome2210]

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.

[@mruduladdipalli5417]

Awesome Explaination !!!

[@jacsdev]

Really nice!

[@LeagueRandomPlayer]

Excellent video

[@ahmadelshafee1105]

Really thank you for your video it’s a very useful video

[@lucasdiogomelo520]

simply great, awesome wish i can give thousands of likes

[@ismaelabogabal6041]

I want to give one more like 😊

[@BrYarDJ]

great tutorial

[@archangeltactics3802]

OMG THANK YOU!

[@collinsattafuah2947]

Very useful

[@josemanuelromero4138]

Thanks very useful the vídeo !!!!!

[@sadhlife]

absolute legend

[@maheshgvelly]

Such a wonderful Tutorial very useful. How can we put multiple circular bars in a screen?

[@glitterglamourdelhi3502]

Very useful...... Please make videos regularly on flutter............ After 2 month's

[@RetroPortalStudio]

Glad you found this useful 💙 I am trying my best mate! Will try keeping up with regular uploads!

[@masoudh6856]

so amazing

[@alejosandu]

Pretty dope

[@ibnomer7038]

Greet job sir

[@BenSmith-et9fv]

GREAT!

[@7mada89]

Nice trick

[@youcef659]

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 ?

[@diegoochoaacosta6399]

Excuse me, did you figure out how to change the start from a different angle?

[@sandikharahardi7702]

I like it !

[@harshlohia4433]

nice!

[@Adnankhan545]

awesome..

[@DexterTalha]

Missed u bro🥺

[@RetroPortalStudio]

As did i! 💙

[@IcyIndia]

It's great. ❤❤❤❤❤

[@jzdev8462]

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

[@pandiarajsp4319]

Nice explanation and gud tutorial.. How to pause/play in this??

[@_birdy_birdy]

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.

[@RetroPortalStudio]

Good Point! Had it in my Template! 😅

[@Zeeshankhan-fg6hi]

Great

[@rahulb.4223]

Can you make a video on TypeHeadField (Autocomplete TextField)?

[@hoggish]

Come on dude i am waiting more advanced topics from you)

[@RetroPortalStudio]

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!

[@leonvanrijswijk8409]

@@RetroPortalStudio Keeping the balance is good. Don't let them rush you.

[@darth1]

How can I show seconds with this indicator? I couldn't do it. I am beginer. :/

[@maheerahamid2402]

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

[@muhammadharis1923]

Sir really appreciated But i am getting an error please help me to solve

[@darth1]

How to use this as a home screeen widget?

[@hatodge]

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?

[@RetroPortalStudio]

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 😁

[@schmoogen]

Is there a drastic performance difference between this and a custom painter?

[@RetroPortalStudio]

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

[@vijayprajapati7484]

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....

[@RetroPortalStudio]

What command are you using to build the apk?

[@ritikchhipa9604]

how to restart again

[@dimasmaulana8227]

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

[@saifmoh7193]

same problem

[@saifmoh7193]

(context,double value,child) write that inside builder

[@akanshasen2986]

@@saifmoh7193 Ohh thanks heaps mate!! I was actually looking for the solution!

[@iGhostr]

This is waay too complicated, use Rive instead

[@user-yv3vc1nv8g]

Trash. Work with shaders greatly affects performance