Flutter Tutorial - Shimmer Loading Animation | Shimmer Effect
Вставка
- Опубліковано 23 лип 2024
- Create the Flutter Shimmer Effect with a Shimmer Loading Animation while loading data from the server in Flutter.
Click here to Subscribe to Johannes Milke: ua-cam.com/users/JohannesMilke...
👉 12 Week Flutter Training | heyflutter.com
👉 Flutter Masterclass Courses | heyflutter.com/masterclass
Source Code | github.com/JohannesMilke/shim...
My Courses | heyflutter.com
Follow Newsletter | johannesmilke.com/#/newsletter
SUBSCRIBE HERE
bit.ly/JohannesMilke
SUPPORT & SPONSOR ME
github.com/sponsors/JohannesM...
RESOURCES
Precache Images Tutorial: • Flutter Tutorial - Pre...
Cached Network Image Tutorial: • Flutter Tutorial - Cac...
Image Tutorial: • Flutter Tutorial - Flu...
Image Advanced Tutorial: • Flutter Tutorial - Flu...
FadeInImage Tutorial: • Flutter Tutorial - Fad...
Basic Image Filter Tutorial: • Flutter Tutorial - Pho...
Advanced Image Filter Tutorial: • Flutter Tutorial - Pho...
SQFlite SQL Database Tutorial: • Flutter Tutorial - SQL...
Hive NoSQL Database Tutorial: • Flutter Tutorial - Hiv...
Reduce Video Size By Compressing Tutorial: • Flutter Tutorial - Com...
Pick & Crop Images Tutorial: • Flutter Tutorial - Ima...
Create PDF With Images Tutorial: • Flutter Tutorial - Cre...
Stacked Images Tutorial: • Flutter Tutorial - How...
Fitness UI App Tutorial: • Flutter Tutorial - 1/2...
Onboarding UI Screen Tutorial: • Flutter Tutorial - Onb...
Download Files From Firebase Storage Tutorial: • Flutter Tutorial - Dow...
Upload Files To Firebase Storage Tutorial: • Flutter Tutorial - Upl...
TIMELINE
0:00 Introduction Shimmer Loading Animation
0:27 Introduction Shimmer Package
1:00 Create List View For Shimmer Effect
1:45 Create Shimmer Effect Widget
3:18 Create Rounded Shimmer Effect / Circular Shimmer Effect
4:58 Create Loaded ListView
7:33 Switch Between Shimmer Loading Animation & Loaded ListView
9:02 Refresh ListView
9:29 Change Animation Speed Of Shimmer Effect
9:53 Change Width Of Shimmer Effect / Shimmer Effect Width Not Working?
SHARE | SUBSCRIBE | LIKE FOR MORE VIDEOS LIKE THIS
*********
SOCIAL MEDIA: Follow Us :-)
Twitter | / heyflutter_
Linkedin | / heyflutter
LEARN MORE
SOURCE CODE | github.com/JohannesMilke
ARTICLES | / johannesmilke
PLAYLISTS
All Flutter Videos | • Flutter Tutorial - Flu...
Widgets - Flutter | • Flutter Tutorial - Flu...
Plugins - Flutter | • Flutter Tutorial - Flu...
Animations - Flutter | • Flutter Tutorial - Tra...
Designs - Flutter | • Flutter Tutorial - Flu...
Firebase - Flutter | • Flutter Tutorial - Pag...
State Management - Flutter | • Flutter Tutorial - Riv...
CREDITS
Copyright song "Corporate Technology" by scottholmesmusic.com
#Flutter #Tutorial #JohannesMilke
LIKE & SHARE & ACTIVATE THE BELL
Thanks For Watching :-)
bit.ly/JohannesMilke - Наука та технологія
This might help you :)
👉 12 Week Flutter Training from Newbie to Expert: heyflutter.com
Source Code: github.com/JohannesMilke/shimmer_loading_effect_example
Precache Images Tutorial: ua-cam.com/video/R9md60dIwd0/v-deo.html
Cached Network Image Tutorial: ua-cam.com/video/6wvD-Z-9ZRM/v-deo.html
Image Tutorial: ua-cam.com/video/JDDoN2THwug/v-deo.html
Image Advanced Tutorial: ua-cam.com/video/7HoEsLvvRPg/v-deo.html
FadeInImage Tutorial: ua-cam.com/video/P4xkAEOsQRI/v-deo.html
Basic Image Filter Tutorial: ua-cam.com/video/v3doTuJF-lE/v-deo.html
Advanced Image Filter Tutorial: ua-cam.com/video/81wOJsmFKU4/v-deo.html
SQFlite SQL Database Tutorial: ua-cam.com/video/UpKrhZ0Hppk/v-deo.html
Hive NoSQL Database Tutorial: ua-cam.com/video/w8cZKm9s228/v-deo.html
Reduce Video Size By Compressing Tutorial: ua-cam.com/video/JUeWeZXn71M/v-deo.html
Pick & Crop Images Tutorial: ua-cam.com/video/pXbBTJt7frM/v-deo.html
Create PDF With Images Tutorial: ua-cam.com/video/8j6GKtpRkow/v-deo.html
Stacked Images Tutorial: ua-cam.com/video/ut9CeTQRax0/v-deo.html
Fitness UI App Tutorial: ua-cam.com/video/4KQ-f_6Y7p8/v-deo.html
Onboarding UI Screen Tutorial: ua-cam.com/video/CQlA2p--oEg/v-deo.html
Download Files From Firebase Storage Tutorial: ua-cam.com/video/YA_fHCF_EYc/v-deo.html
Upload Files To Firebase Storage Tutorial: ua-cam.com/video/dmZ9Tg9k13U/v-deo.html
The quality of your content is very good and consistent. Thank you for these videos.
I really appreciate your videos. Very informative and definite. Watch your all videos
Very informative I'll definitely use it in my app . Thanks for this tutorial 👍😁
this video is really very helpful sir thank you for making this I was finding this stuff since long time
Great video and it was really helpful..Thank u so much bro 😊
Great job 👍 I'll try it soon in my project
Awesome video... very easy to learn with your explanation
Johannes really helpful, I’m going to try this in my to do app...
Great video as always! You deserve a lot more subs :)
you are a great developer ❤️
Thats awesome 🤩
Thanks for sharing this tutorial.
Always the best thank you ❤
Bro u r so awesome. Thanks a lot for video!
Thanks Johannes I am a sponsor from now on, this video was great again
Beautiful
Amazing!
Love your content ❤️❤️❤️❤️❤️
Good job, thank you
Awesome!
number one ❤️❤️❤️
thank you so much for the wonderful video sir it is helpful for me and my team
You are welcome, @pravinprince3221 😊
Excellent 👍
Thank you, @mohammedhamimed1161! 🙂
Can you please create a video of full in detail process of app deployment from flutter to google app store, including configuration , icon set up, manifest file and everything. It will be really helpful. thanks in advance
Quality content....
Thanks master
one of the good example of namedConstructor 👍
Glad to hear that, Thank you @farhanahmad-bv1mx! 😊
A wonderful video. Keep on firing
Thank you, JAMES UGWUOKE! 🙂
thank you
Thank u👍👍
nice video
Thank you, Alex Adugna! 🙂
ohh nice, also can you do a video about audio controller like what u have in 0:17 i know it was just a video but how can i do it to my flutter application also let the audio be played once user locked his phone? thanks
@@HeyFlutter omg nice dude, glad you thinking about it 😊
Amazing video. I wanted to ask how can we use animations package right after Shimmer effect? and please can you please make a video on animations package?
I created to animations for my listview builder
both of them are SlideTransitions.
But they load only at init state. I want it to be like If the index %2 ==0 then the slide transition comes from left and if its not equal then transition comes from right.
I have already achieved this. But I want the animation to be on scroll and as soon as I start scrolling the animations starts running so we save more ram rather than using animation in init state
Greetings bro, how can I manage the time it takes to download the resources to be displayed in the application (images), taking into account that it depends on the speed of the internet.
Thank u’
Thank you, Alejandro Israel! 🙂. It depends on the speed of internet.
How to load shimmer with firestore example please
@@HeyFlutter if possible using getX package not stream
Make facebook Auth 2021 firebase 😉
as usual, couldn't satisfied from your video spliting . please 🙏 don't spilt video..😔😔