The Best 7 Flutter Animations
ฝัง
- เผยแพร่เมื่อ 5 ส.ค. 2024
- Flutter Animations can be overwhelming sometime. We don't really know were to find the animations, what it look like or how to code them. In this video I will show you 7 new Flutter Animations because you seems to really like the first video. I will link the Part 1 in the description and at the end of this video. We will look at 7 animations in this video. The First one is the Animated Cross Fade and this animations allow you to animate the transition between two different widgets. In this example I used 2 images with different size to show you the transition. The second one is the Animated List. I don't usually use this one because I never remember that it exist but I think it's a very nice animation when you want to work with list and you want to make the transitions of items more fluid. After we have the Animated Physical Model which let you create a shadow behind any widget. In the example, I use an image again to see the shadow creating animation. Next, we have the Animated Widget, one of my favorite by far because you can do pretty much everything with this Flutter animation. In the video I show you the rotation animation but you can use the Animation Widget for more than this. The Fade transition allow you to fade in and out widgets. Make sure that when you use it, the UI is still relevant in you app because this can create blank space. The Scale transition can animation the scale factor of any widget. The last one is the slide transition. In the video I use the Curve elastic in out to make the animation. I hope you receive any value from this Flutter video.
LINK FOR THE VIDEO
Animated List: api.flutter.dev/flutter/widge...
Animated Widget: flutteragency.com/animatedwid...
Fade Transition: api.flutter.dev/flutter/widge...
Slide Transition: api.flutter.dev/flutter/widge...
OVERVIEW
0:00 Animated Cross Fade
0:16 Animated List
0:32 Animated Physical Model
0:47 Animated Widget
1:04 Fade Transition
1:25 Scale Transition
1:39 Slide Transition
MISSION
Our mission at Flutter Mapp (Flutter Mobile App) is to help purpose driven Flutter developers go full-time doing what they love and making an impact through coding. We achieve this with useful Flutter tips and clean UI design apps.
RECOMMENDED
Top 30 Flutter tips and tricks: • Top 30 Flutter Tips an...
7 Flutter Animation Part 1: • Top 7 Flutter Animations
SOCIAL MEDIA:
Instagram : fluttermapp
Twitter : FlutterMapp
Website: www.fluttermapp.com
CONTACT
For business inquiries email me here: info@fluttermapp.com
Website: fluttermapp.com
#Flutter
#FlutterMapp
#FlutterTutorial
Keep the good vibes, ✌️.
Never Change Flutter Mapp, you are soo humble making all kinds of tutorials 😊.
Thank you very much Henry! I really appreciate it 👏 I wish you a wonderful day 🚀
legend
Awesome! ❤️
Thank you very much Salman! I appreciate your comment, keep the good vibes 🙏🚀✌🍃
sharing is carring thank u for sharing code
really really helpfull. Btw I am very exited to see your next video cause I have the same amazon echo as you
Letsgooo lol. This was hard to be honest. Still editing the video right now. Might have to edit all night to release tomorrow 👏
nice video
Very informative 👏. Thanks boss
Pleasure Click Gaming Zone 👏 Thank you for the comment 👍
Just what I needed, thanks ❣️
Letsgoo! Thanks a lot Blasia! Glad that it make your day 🚀🙏
You video called "what is this" on your channel is so funny 😂😂😂
@@FlutterMapp oh (*^^*)
really u are different and i love ur videos, thanks alot:)
So nice of you
dude! keep it up! wtf we ain't many but every one of you and me is worth the grind! that's why we ain't many
Thanks a lot Dovas. Grind never stop 🙌😂✌️
J'aime bien ce contenu rapide et efficace continue comme ça !
Super! Merci encore et bonne journée à toi 🙏
Thanks dude
Pleasure, thanks for the comment ✌🚀
Very nice
Thanks again 👏
Teaching Alexa how to code an app will be hilarious waiting for it ☺️. Also this video was awesome, great job!!!!!
Thank you very much Ismail! You are always there with super nice comments! I appreciate it 🔥🔥 Have a nice day 👏
@@FlutterMapp you'r welcome. You have a nice day too
You best keep going
Thanks a lot Mohamed! Keep the good vibes 👏
Thanks bro. your flutter videos are awesome....
I have a problem with flutter. when i put cards/images in listview.builder, scroll feels janky. do you have any solution for this jank in list view ?
Thanks you very much Usama. For your Flutter problem. I don't know about this. I have never experience such a thing also 🤔 Let me know if you find something new about it ✌
@@FlutterMapp Thanks. I'll let you know.
when you say "don't subscribe" then i subscribed.🤣
B E S T 💕
Thanks a lot Faizan! I appreciate it 🙏🚀🚀🚀 To the moooooonb 😂
ahh a good day today
lolll Thanks a lot Brandon, what make you day a good day today? 🙏🚀
@@FlutterMapp today im on your last video of your flutter beginner tutorial...2 week ago i was just a average human being .. today im a junior flutter developer .. you post on a good day ..my sensi 🙏
Waiting for Alexa to build an app😀
loll, this is much harder than expected 😂😂
@@FlutterMapp 😂
U can do it for sure 😎🥳 Go ahead brother🤠
What's the property _animation contain? It didn't show on the screen
Which animation? I might forget something 😲 Let me know, I will add the code in the description also. Thanks I appreciate it 🙏
First
Letsgooo ahhaa Thanks a lot Amit! Keep the good vibes 🙏✌
Bro I thin you should make a complete flutter tutorial for beginners all in one vedio because there are not many vedios like that on yt and people learning flutter find it difficult to find a good all in one vedio on TH-cam
Ok so 1 video for each animation? With all the code from scratch? Thanks aslo 👏
dam man so many comment already , who would have said 1 year ago
So true! This is awesome. So grateful about it and thanks as always for commenting, help the algo 🚀🙏
Third here 😂
Loll 😂 Thanks Hisham for the comment! It help the TH-cam algo 🚀🙏✌
@@FlutterMapp Good work keeping that
I'm learning react native but I'm watching this XD
Letsgooooo lolll 😂 Have you ever try Flutter also? If yes, I would like to know from your opinion, which one is easier to learn 👏 (I never really tried React Native)
@@FlutterMapp I think both are easy, if you like to learn clear XD ... but in my case, it was easy to learn RN because it was a web developer and all the knowledge is applied ... I like both, but I prefer more stylizing with RN.
100%
Thank you SuTalk 👏👏
Make tutorial
Tutorial about all of them? or only one?
Reverse psychology ,don't subscribe
Exact lol. Not sure if it will work tho 😂 Trying to find creative ways to do it 🚀
@@FlutterMapp your videos are useful to me , so I subscribed.
Thank a lot Manish. Hope to give you more value in the future also 🙏🚀
@@FlutterMapp 🙏
Yeah it didn't take me long to subscribe anyway. Alot of the content is useful