Build an Animated App with Rive and Flutter - Episode 2

Подписаться 228 тыс.

Просмотров 44 тыс.

50% 1

🎬 Episode 1: • Build an Animated App ...
Hello, welcome to my new Flutter series focused entirely on animation. This is the app we are planning to build.
✅ Episode 1 code: cutt.ly/90yuHCA
🔥 Source Code: cutt.ly/b14ZAuh
Build it using SwiftUI: cutt.ly/A0Qz7U5
Welcome back to Episode 2 and this part, we're going to create a sign-in model, as well as the custom text fields which have an icon and it's functional. Also the rest of the elements, including the custom divider. Then finally learn how to create custom model transitions on Sign in view. Once the button animation is complete it goes up a little and the Sign in dialog slide from the top.
► Nominate as a Github Star: bit.ly/3dLXFWJ (@abuanwar072)
►For the 3D intro, I'm using Rotato: bit.ly/3heGagj
►Support Us: / theflutterway
► Social Media
GitHub: github.com/abuanwar072
Twitter: / theflutterway
Twitter: / abuanwar072 (my personal profile)
Facebook: / theflutterway
► Timestamps
0:00 Intro
Thanks for watching!
Make sure to like + Subscribe For More!

Опубликовано:

15 дек 2022

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

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

@mohammednawar9417 Год назад

can't wait for Ep 3, Great tutorial, Thank you dear

@zawar92 Год назад

You can view live changes on hot reload to the dialog if you extract the parent Center widget into a Stateless/Stateful widget

@Pedro5antos_ Год назад

AWESOME! Thanks for sharing

@a.alg0hary549 Год назад

bro you are a legend

@amorenog5 Год назад

As always love your videos! Do you know how can I add a second animation to the Sign In screen when Pressing a button that's inside? I want the screen to rotate 180º when press on Sign In for example. Basically, how to add a second animation to the same screen when doing another GestureDetector action.

@imransefat8770 Год назад

Design+Code 🤙

@fauzanakmal Год назад

aww nice

@a.alg0hary549 Год назад

Beautifull Ui

@Fybuh Год назад

just like you're doing Flutter and SwiftUI, I'm doing Flutter and Android. I'm currently learning compose,so I can use that instead of XML

@NoBodyknow172 Год назад

Can you help me how show hover effect on gridview item which scale up

@MediHelpApp Год назад

When will the next episode be available?

@zahaanmahajan1606 Год назад

we want ep 3 asap

@ahmedgammal4022 Год назад

What about smart home app 👌💙

@ismaelperezmesa524 Месяц назад

Hi everyone!! Excellent video!! I have a performance problem when I load a Rive Animation in my flutter app, I'm using an iphone 15 pro device and when it loads the animation the cpu works at 80% and makes the device heat up, I'm already using skia as a rendering engine. This happens even without having any simple svg shape in the artboard (in the rive side), just having a timeline animation even empty is enough for get this behavior on the device. How can I fix this? Any Suggestions ? Thanks a lot.

@sanketdhuri2531 Год назад

Where is the main page you showed on thumbnail

@gpendiuk Год назад

The button in the dialog seems to work only when we click outside the dialog triggering the "barrierDismissible" option. I've tried to use a GestureDetector with the button but nothing happens, can you show your solution? Cause even Googling it I could't find a way to make it work oO

@peterinvestor Год назад

if you want to have a button still outside the dialog then it want be that easy but if button would be inside of dialog then you can wrap your circle avatar widget in gesture detector as you mentioned and this will give you a onTap option to run something like onTap: () => Navigator.pop(context); and obviously then you can set barrierDismissible to false and that means you would have to also change clipbehaviour to clip.antialiasing or hardedge