Flutter Animation that Hovers?

Flutter Animation that Hovers?

Learn App Code

3 года назад

47,722 Просмотров

Join the Flutter UI Challenge: https://www.reddit.com/r/Design2Flutter/comments/mwneoz/challenge_2_auth_screens_login_and_signup/

Join the Discord Group: http://discord.learnfluttercode.com

👉 Subscribe to our weekly Flutter newsletter:
https://learnfluttercode.com/newsletter

Check out our website - https://learnfluttercode.com/

🔥 Check out our courses - https://learnfluttercode.com/courses

🖼 Learn Flutter Code Instagram:
https://www.instagram.com/learn.flutter.code/

🖼 Learn Flutter Code Facebook:
https://www.facebook.com/learn.flutter.code/

Haris's LinkedIn - https://www.linkedin.com/in/haris-samingan-7889b9140/
Haris's Twitter - https://twitter.com/TheHappyHaris

⏰ Timeline:
00:00 - Introduction
01:51 - Create animation
03:46 - Offset explained
09:52 - Curved Animation

Тэги:

#flutter #learn_flutter #learn_flutter_code #flutter_code
Ссылки и html тэги не поддерживаются


Комментарии:

ran razouq
ran razouq - 07.08.2023 15:35

Best animation video 📸

Ответить
Cord Schneider
Cord Schneider - 24.10.2022 19:01

Loved the subtle shout-out to Uncle Roger! 😂

Ответить
Arturo Basilis
Arturo Basilis - 04.09.2022 23:44

Hi, I downloaded the starter project, but all you explain in the video is already done, what I did was added the username and password Textfields with icons, I put some decoration to make it round, changed the color to white, for the border, the text, and the icons, to make it look combined with the white color of the clouds. And of course a round login button, but I'm facing the problem of the overflowed error when I use the keyboard from the emulator, I usually solve this situation wrapping everything in a SingleChildScrollView(), but it does not work because not everything is in one place, or wrapping a main widget like a Column. No matter where I put it, I get a runtime error, it does have two @override Widget build(BuildContext context) which is confusing for me. I am learning flutter, and I have not seen anything like this so far. I can upload my code to my GitHub, but I cannot put links in the comments 😔. If anyone can help, please let me know I really appreciate it. 😃

Ответить
BHABHA YT
BHABHA YT - 17.08.2022 14:29

source code

Ответить
Costa
Costa - 19.06.2022 15:54

This is one of the best videos on animation in Flutter. I've seen dozens of them both from official Flutter team and third-party tutorials. However, here everything is concise, no fluff and I got sudden clear understanding of Animation, AnimationController and Tween (beTween - omg, why nobody mentioned this apart from the author, it makes so much sense now).

Ответить
هيلان العمري
هيلان العمري - 13.05.2022 03:50

Thanks i need more Animation videos Please

Ответить
PRASERT PROMVONG
PRASERT PROMVONG - 04.05.2022 07:30

Thank you for share. 3 days for me and finally success.

Ответить
werd oPLI
werd oPLI - 11.03.2022 19:38

Nice video Bro
Thanks for present

Ответить
Jorge A Guillen Rivera
Jorge A Guillen Rivera - 10.03.2022 20:43

its really good, i like easy animations to start

Ответить
Abror Shamuradov
Abror Shamuradov - 25.01.2022 00:18

even flutter team can not explain as good as u do!

Ответить
Reza Hosseiny pour
Reza Hosseiny pour - 29.12.2021 00:00

simple and complete . greate video

Ответить
OBAAPA ABIGAIL MINISTRY
OBAAPA ABIGAIL MINISTRY - 08.11.2021 00:33

Amazing

Ответить
Irvington Mitchell
Irvington Mitchell - 19.10.2021 00:24

One of the best explanations i have seen 👍

Ответить
Vijay Goutham
Vijay Goutham - 01.10.2021 19:12

Good tutorial. Keep up the good work. One query... How did you design that image.... Which software is used.

Ответить
abbyhuh
abbyhuh - 06.09.2021 00:17

This video is so cool, it helps me a lot! Thank you so much

Ответить
SY C
SY C - 28.08.2021 17:20

(inquiring minds wish to know)
Where was the art (the rocket man picture) sourced from?

Ответить
Roi Andal
Roi Andal - 25.08.2021 19:08

pretty cool!!!

Ответить
fuho Vu
fuho Vu - 08.08.2021 12:35

share soucre code pls

Ответить
Thunder Invader
Thunder Invader - 01.08.2021 08:48

Nice tutorial. I can say it has flaaaavour

Ответить
Gamer 0180
Gamer 0180 - 28.07.2021 01:12

please do more of this beauty

Ответить
Iqra Munir
Iqra Munir - 26.07.2021 20:24

Simplicity Amazed

Ответить
Jose Vicente Artiles
Jose Vicente Artiles - 22.07.2021 05:35

Awesome and very simple

Ответить
Suvajit Sarkar
Suvajit Sarkar - 15.07.2021 11:32

I think safe area can be used instead of padding for the status bar

Ответить
Ahmed Ali Al-Selmy
Ahmed Ali Al-Selmy - 08.07.2021 02:24

Nice job man 😊👍 only if you could put the source code too

Ответить
Robi Kurniawan
Robi Kurniawan - 07.07.2021 07:26

hello dude, can you share the repository of that project ?

Ответить
Maikoe
Maikoe - 05.07.2021 19:29

This channel is gold.

Ответить
Geverson Wanderson de Souza Silva
Geverson Wanderson de Souza Silva - 09.06.2021 17:03

simple and easy, thanks !

Ответить
FK Lian
FK Lian - 02.06.2021 04:56

can someone tell me what make these error messages showing beside the code, is that a setting or extension ?

Ответить
Swagato Chatterjee
Swagato Chatterjee - 26.05.2021 05:44

Where do you get these images from, and what is the name of this style of graphics?

Ответить
Thiago Oliveira
Thiago Oliveira - 21.05.2021 04:22

code?

Ответить
Ugwumsinachi Nnadi
Ugwumsinachi Nnadi - 10.05.2021 10:38

SafeArea would have better than the padding

Ответить
Jshorts
Jshorts - 07.05.2021 19:47

Amazing explanation

Ответить
Abhishek Pal
Abhishek Pal - 28.04.2021 21:36

Music taken from ThatChapter.

Just kidding, this tutorial was amazing.!

Ответить
Awais Sarwar Khan
Awais Sarwar Khan - 28.04.2021 21:18

can you explain about late keyword and it is showing error

Ответить
Enes Güneş
Enes Güneş - 28.04.2021 18:05

how can i toggle debug printing

Ответить
Kevin Tailor
Kevin Tailor - 28.04.2021 13:41

Can anyone explain about late keyword

Ответить
Pranab Saha
Pranab Saha - 28.04.2021 13:37

which extension are you using (which includes the Flutter widget with animationController)

Ответить
Soumik Paul
Soumik Paul - 28.04.2021 13:01

Amazing content! Just have a doubt, why are we using the late keyword here?

Ответить
HappyPerson
HappyPerson - 28.04.2021 08:45

You are a legend

Ответить
Pablo Satler
Pablo Satler - 28.04.2021 06:10

Simply amazing!

Ответить
Ababacar Cisse
Ababacar Cisse - 28.04.2021 04:38

looking forward

Ответить