Shimmer Loading Animation UI Tutorial | Flutter Package Spotlight

  Рет қаралды 17,596

Marcus Ng

Marcus Ng

Күн бұрын

» Flutter courses, writeups, and source code on Launch Club 🧠
drp.li/Iq9Bk
» Flutter Job Board 👋
drp.li/T9bLq
Improve your Flutter UI/UX design skills with this shimmer package tutorial to create a beautiful loading animation. This Flutter user interface tutorial is great for beginners as well as advanced developers who want to improve their mobile app development skills. As app developers, we have a common goal of crafting amazing user experiences that our users love. When we load data using a CircularProgressIndicator, it offers the user no context about what information the screen will display. Luckily, there’s a package called Shimmer that lets us add shimmer effects to our UI with a single widget.
» Remember to like, subscribe, comment, and share this video! 🚨
kzbin.info?sub_...
» Socials📱
GitHub: github.com/MarcusNg
Twitter: / marcuslng
» Resources 📂
Starter Project: github.com/MarcusNg/flutter_s...
Complete Source Code: github.com/MarcusNg/flutter_s...
Shimmer Package: pub.dev/packages/shimmer
» Timestamps 🕒
0:00 Introduction
0:38 Grab The Starter Project
0:47 Project Walkthrough
3:13 Shimmer Party ✨
10:32 Thanks for watching 🙏
» Music 🎶
[NCS ( / nocopyrightsounds )]
NIVIRO - Flares ( / djniviro )
Joakim Karud ( / joakimkarud )
#Flutter #FlutterAnimation #FlutterShimmerPackage

Пікірлер: 20
@HateAcceptedButThinkAgain
@HateAcceptedButThinkAgain 3 жыл бұрын
Fireship vibes. Nicely done.
@rajansingla5516
@rajansingla5516 3 жыл бұрын
Oh My God! You are super awesome! Thanks for this ultimate lesson! God bless you and keep doing the awesome work like this.
@thehumbleservant21
@thehumbleservant21 3 жыл бұрын
I really like the style of your videos. I tried to sub to your channel but i realised i already am :o
@chuxville11
@chuxville11 3 жыл бұрын
Thanks for yet another Wonderful tutorial
@mahmood466
@mahmood466 Жыл бұрын
Besides the great content, I love your voice and accent! 😍
@claudedaiga5897
@claudedaiga5897 3 жыл бұрын
Thank you very much Marcus
@MilerAlpha
@MilerAlpha 3 жыл бұрын
Thank you!
@ahercode
@ahercode 3 жыл бұрын
You are the best sir ❤
@soft_and_ware
@soft_and_ware 3 жыл бұрын
cool videos Marcus - btw you can also cast the snapshot type in the future builder via generic type parameter
@dilshan3372
@dilshan3372 3 жыл бұрын
Thank you🤘
@primeweird
@primeweird 3 жыл бұрын
Dude that's amazing, I have watched your tutorials of Facebook UI and Netflix UI. It's my humble request please select a project and teach whole system the backend part as well not just UI. Because your teaching style is amazing! Keep going, cheers!
@paulovinicius7386
@paulovinicius7386 3 жыл бұрын
Great video! Thanks! Which extension do you use for showing the dashed lines?
@ComputerScienceAcademy5220
@ComputerScienceAcademy5220 3 жыл бұрын
Thanks for the video! What plugin do you use in vscode to show the errors?
@lucasagazzani1597
@lucasagazzani1597 3 жыл бұрын
How would implement OnTap on List builder using your data.dart?
@brian_obino
@brian_obino 3 жыл бұрын
Hello, can you please show us how to make an admin panel for apps??
@AamirKhan-zy5yt
@AamirKhan-zy5yt 3 жыл бұрын
_pageController?.dispose(); and _pageController.dispose(); Are they different or do they both work the same?
@StevenDzCode
@StevenDzCode 3 жыл бұрын
the '?' is only for null safety, if you don't add it and the _pageController is null then you will get an error, but with the '?' it won't execute the '.dispose()' if the _pageController is null and you won't get an error.
@piotrszpruta4277
@piotrszpruta4277 3 жыл бұрын
May i ask what you're using to develop apps? I mean what macbook
@piotrszpruta4277
@piotrszpruta4277 3 жыл бұрын
@@MarcusNg Thanks
Flutter Tutorial - Shimmer Loading Animation | Shimmer Effect
11:28
HeyFlutter․com
Рет қаралды 36 М.
Пранк пошел не по плану…🥲
00:59
Саша Квашеная
Рет қаралды 6 МЛН
Amazing weight loss transformation !! 😱😱
00:24
Tibo InShape
Рет қаралды 61 МЛН
ЧУТЬ НЕ УТОНУЛ #shorts
00:27
Паша Осадчий
Рет қаралды 10 МЛН
Daily Exercises App - Flutter UI - Speed Code
22:41
The Flutter Way
Рет қаралды 258 М.
Flutter Fully Responsive Design for Web, Tab and Mobile
26:12
The Flutter Way
Рет қаралды 216 М.
📱👨🏽‍💻These animations are so fun to play with
0:15
Animations Package Tutorial | Flutter Package Spotlight
7:02
Marcus Ng
Рет қаралды 20 М.
Nvidia CEO Just Rolled Out A SURPRISE Move That”ll SHAKE UP Nvidia FOREVER
17:28
Create a Shimmer Loading Effect on Flutter
3:52
The Flutter Way
Рет қаралды 141 М.
Flutter UI Tip 3: Popup Card
12:00
Fun with Flutter
Рет қаралды 73 М.
Пранк пошел не по плану…🥲
00:59
Саша Квашеная
Рет қаралды 6 МЛН