Build an Animated App with Rive and Flutter - Episode 2

Hello, welcome to my new Flutter series focused entirely on animation. This is the app we are planning to build.

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.

► Social Media

► Timestamps
0:00 Intro

Thanks for watching!
Make sure to like + Subscribe For More!

[mohammednawar]

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

[zawar]

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

[ismaelperezmesa]

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.

[MediHelpApp]

When will the next episode be available?

[amorenog]

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.

[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

[sanketdhuri]

Where is the main page you showed on thumbnail

[mateoflorezjaramillo]

you have error in the dialog, when are you going to write in fisical mobile.

[zxld]

The code and the ui awesome, but can u stop repeating this song? and add other ones?

[NoBodyknow]

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

[CLY_-mjtg]

excellent friend.
I wonder if you will also do the main menu? also with Rive?

[MotivBhai]

How to resolve bottom overflow error. Please help me now.

[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