Create a Shimmer Loading Effect on Flutter

Loading times are unavoidable in application development. From a user experience (UX) perspective, the most important thing is to show your users that loading is taking place. One popular approach to communicate to users that data is loading is to display a chrome color with a shimmer animation over the shapes that approximate the type of content that is loading. Show you how easily you can make it using flutter.

► Social Media

► Timestamps
0:00 Intro

Thanks for watching!
Make sure to like + Subscribe For More!

[iamnexom]

I wasted thousands of dollars in college and learned nothing compared to what i learned here in this channel for free. You guys are amazing . You people deserve a noble prize for what you are doing here.

[codeVictor]

Thanks!!!
hearing your voice makes it easier for me to learn.

[taggoeshere]

Inspiring, maybe I should pick up my flutter development course again for fun!

[iam_ya]

okay, now this is really great :) thanks mate...

[imudasirk]

Thanks for this informative video. You got a new subscriber today

[MrAwesomeTony]

Thankfully there is CC, I really can't follow what he said.
Easy to understand thought, thanks for sharing.

[juansalcedo]

There is a shimmer package that added a cool effect off loading for you container.

[mohanpreetsingh]

I've usually seen the skeleton container shine while loading, is there a way to achieve that effect

[obviousabsurdity]

Did I miss something? Wheres the "Shimmer" part lol

[loarithm]

Amazing.. just what I'm looking for.. thank you ❣️

[azam]

Which extension do you use for that stripped lining?

[tranuc]

Great chanel ever. Can i have name of extension that colorful your brackets? And the dash in blankspace before the code ?

[blackbeardplay]

Sir please make a full course of Flutter.

[rojo]

Do you NEED the pop sound effect for every single point?

[biniyamd]

pls less of that pop sound effect...the old video editings were near perfect
I'm a big fan of this channel...it helped me a lot...much love

[thoughtsonthis]

When I tried this, I add some much space in between each newcard and I am wondering why that is, I’ve been trying to reduce those spaces but I can’t

[wryltxw]

Is shimmer the shadow outline that appears while loading?

[jxstxn__]

If you guys want to use a better SizedBox I recommend you the Gap Package 👌

Nice Video as always

[hoxorious]

Great video 👍 BTW isn’t there a skeleton widget (with fading effect) already available as an standard widget in Flutter?

[mindyourbusiness]

Thank You so much for this. Amazing lecture!!!
If possible can you also address these queries I have:
1) Since width is fixed in the skeleton widget, won't the effect look different in a phone that has a broader screen?
2) I thought of using FittedBox and Expanded but I keep getting Renderflex errors. Can you please make a video on how to deal with these errors while trying to make the UI a bit more responsive ?