Create a Shimmer Loading Effect on Flutter
ฝัง
- เผยแพร่เมื่อ 30 ธ.ค. 2021
- 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.
►Source Code: github.com/abuanwar072/Flutte...
►For the 3D intro, I'm using Rotato: bit.ly/3heGagj
►Support Us: / theflutterway
► Social Media
GitHub: github.com/abuanwar072
Twitter: / theflutterway
Twitter: / abuanwar072 (my personal profile)
Facebook: / theflutterway
► Timestamps
0:00 Intro
Thanks for watching!
Make sure to like + Subscribe For More!
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.
Fact vro 😂😅
well, you need to waste dollars in courses. college will just give you the connections you need
Thanks!!!
hearing your voice makes it easier for me to learn.
Glad to hear that!
Great idea. As always. Thank you.
Thank you! Cheers!
Awesome work sir!
Amazing.. just what I'm looking for.. thank you ❣️
Thanks for this informative video. You got a new subscriber today
Thanks for sharing. It looks great!!
Thanks for watching!
So simple and easily done.
Amazing as usual 😍
You're the best!
Awesome video! Thanks!
Thanks for the good work as always
Our pleasure!
@@TheFlutterWay
Yes we are
Very clever, good job!
Thank you! Cheers!
A great & helpful video ❤🙌
So glad!
I just subscribed . Great content
okay, now this is really great :) thanks mate...
Enjoy!
Much needed one Thank you
You’re welcome 😊
looks really fine and easy!
Glad you like it!
Inspiring, maybe I should pick up my flutter development course again for fun!
Best wishes for you!
Very nice
Awesome stuff ! thanks.
My pleasure!
Great video
Great video, Thks
nice bro!
Thanks 🔥
Very Goooooooooooood❤👌
amazing .
Wonderful video thnx
Glad you liked it
I've usually seen the skeleton container shine while loading, is there a way to achieve that effect
Thankfully there is CC, I really can't follow what he said.
Easy to understand thought, thanks for sharing.
You're welcome
Great video 👍 BTW isn’t there a skeleton widget (with fading effect) already available as an standard widget in Flutter?
I think no!
There is a shimmer package that added a cool effect off loading for you container.
That's what I'm asking myself, if it's worth reinventing the wheel.
The youtuber here should have mentioned there's a better way of achieving this and this is only for learning purposes.
Thanks 👍
Welcome 👍
Make it shimmer! Thanks :-)
Genius
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 ?
Can use Mediaquery to get device width?
Great chanel ever. Can i have name of extension that colorful your brackets? And the dash in blankspace before the code ?
Hi, nice content! The source code is not working and showing some error with Kotlin. What fonts are you using for the news headline?
Sir please make a full course of Flutter.
I'm planing for that, keep supporting us!
Ok sir we are waiting for your course.
Great!
Glad you like it!
Shimmer effect also contains a sliding animation i guess. Just like 'Slide to open' in ios lock screen.
Right now most of the big apps using color only, because it shows small amount of time, apps like TH-cam, LinkedIn
If you guys want to use a better SizedBox I recommend you the Gap Package 👌
Nice Video as always
Yes 🥰
Which extension do you use for that stripped lining?
Next I will create a video on that, are you guys ready for that!
Anyone know is it a extension, display like dash lines in editor like this?
🙂 joss 👍
✌
Do you NEED the pop sound effect for every single point?
Thanks for your suggestion, fixed on next video.
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
Try to remove the padding
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
Thanks for your great feedback, next video we will reduce it.
Is shimmer the shadow outline that appears while loading?
Yep
Did i miss the shimmer part ?
Welcome 😊🥰🥰😊🤣😘🤣😊👋😊😘😘🥰🥰😊
Please make Flutter UI for LMS(Learning Management System)
Btw, which Background music do you use?
Noted!
Item Title: Ambient Piano
Item URL: elements.envato.com/ambient-piano-AEC3SH5
If there is animation, it would be a lot better.
You are great❤️... Please make an Full Ecommerce or any others apps project with the help of your Awesome/Beautiful UI Design Skilled and best state management approach/ package with RestAPI and Industry Standard+ Best Practice Code.....Sry for bad English...
I think...I said a lot 😁 ... but I hope you will try to do it...💝💝... Waiting for your response...!
At first thanks for your great suggestion, I'm planing to create a course where I will add those!
@@TheFlutterWay try to make this course free...!
Did I miss something? Wheres the "Shimmer" part lol
But the widget isn't shimmering while loading.
Actually it shows for few seconds, and even on TH-cam they are not animated shimmer effect!
What is the need of adding an expanded widget?
I feel like there is no need for the expanded widget since it has already be given a defined height
I'm adding it so that it takes maximum width.
@@TheFlutterWay okay 👍
was I the only one who saw a type on 0:01
😜
Please stop those popping sounds
this just color, not include animation
Right now most of the big apps using color only, because it shows small amount of time, apps like TH-cam, LinkedIn
That popping sound is very irritating
I thought youre Indonesian
😜😜
I'm from Bangladesh, but I love you guys!❤️
such an annoying sound, :/
Thanks for your feedback, we will try to fixe it on our next video!
That popping sound is so annoying, had to watch with the sound off.
Not beautiful
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.
Great video
Thanks for watching!