Flutter Tutorial - Shimmer Loading Animation | Shimmer Effect

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: https://www.youtube.com/JohannesMilke...

👉 12 Week Flutter Training | https://heyflutter.com
👉 Flutter Masterclass Courses | https://heyflutter.com/masterclass

Source Code | https://github.com/JohannesMilke/shim...
My Courses | https://heyflutter.com
Follow Newsletter | https://johannesmilke.com/#/newsletter

SUBSCRIBE HERE
http://bit.ly/JohannesMilke

SUPPORT & SPONSOR ME
https://github.com/sponsors/JohannesM...

RESOURCES
Precache Images Tutorial:    • Flutter Tutorial - Precache Images & ...  
Cached Network Image Tutorial:    • Flutter Tutorial - Cached Network Ima...  
Image Tutorial:    • Flutter Tutorial - Flutter Image - Lo...  
Image Advanced Tutorial:    • Flutter Tutorial - Flutter Image - Ro...  
FadeInImage Tutorial:    • Flutter Tutorial - FadeInImage With P...  
Basic Image Filter Tutorial:    • Flutter Tutorial - Photo Filters - Basic  
Advanced Image Filter Tutorial:    • Flutter Tutorial - Photo Filters - Ad...  
SQFlite SQL Database Tutorial:    • Flutter Tutorial - SQL Database Stora...  
Hive NoSQL Database Tutorial:    • Flutter Tutorial - Hive NoSQL Databas...  
Reduce Video Size By Compressing Tutorial:    • Flutter Tutorial - Compress Video & R...  
Pick & Crop Images Tutorial:    • Flutter Tutorial - ImageCropper - Pic...  
Create PDF With Images Tutorial:    • Flutter Tutorial - Create PDF With Im...  
Stacked Images Tutorial:    • Flutter Tutorial - How To Stack Widge...  
Fitness UI App Tutorial:    • Flutter Tutorial - 1/2 Fitness App UI...  
Onboarding UI Screen Tutorial:    • Flutter Tutorial - Onboarding UI Screen  
Download Files From Firebase Storage Tutorial:    • Flutter Tutorial - Download Files Fro...  
Upload Files To Firebase Storage Tutorial:    • Flutter Tutorial - Upload Files To Fi...  

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 | https://github.com/JohannesMilke
ARTICLES |   / johannesmilke  

PLAYLISTS
All Flutter Videos |    • Flutter Tutorial - Flutter Story App ...  
Widgets - Flutter |    • Flutter Tutorial - Flutter Wrap  
Plugins - Flutter |    • Flutter Tutorial - Flutter Story App ...  
Animations - Flutter |    • Flutter Tutorial - Transition Animati...  
Designs - Flutter |    • Flutter Tutorial - FlutterUI - Minima...  
Firebase - Flutter |    • Flutter Tutorial - Pagination & Infin...  
State Management - Flutter |    • Flutter Tutorial - Riverpod - 1/3 The...  

CREDITS
Copyright song "Corporate Technology" by scottholmesmusic.com

#Flutter #Tutorial #JohannesMilke

LIKE & SHARE & ACTIVATE THE BELL
Thanks For Watching :-)
http://bit.ly/JohannesMilke