Complex Animations in Flutter Using Rive - Part 2

In this tutorial we'll be building a customised animated slideout menu using Flare and Flutter. We're building a gooey slideout menu in Flare from scratch and then implementing the animation interaction in Flutter.

[FilledStacks]

I forgot to mention you can clone the repo for this code or download the assets. Links in the description

[Dinssaur]

Congratulations for such detailed and yet fast/not boring tutorial. Thanks!

[jackadams]

damn I saw your recommendation from fireship...damn This channel is heaven sent....Keep up the good work🙌💯👍

[walidsalhi]

ty so mutch, please continue with this type of tutorials, you are the only one who do it nice

[axela.]

One of the best flutter anim tutorial out there thank you

[MrRohanrocker]

I absolutely love everything about this video. Thank you so much!

[yasharma]

Thank you so much for so many details. Much appreciated!!!

[RoughSubset]

Awe ma se kind :p Great channel, keep up the good work!

[carterv.]

Very Very cool video. thanks for sharing

[shoikatmd]

Please make a video for => How to use dynamic Icons for this animation? means without previously created any icons but only create water animation or floating animation?

[yogeshparab]

i made one for my app, but the animation doest seem to be responsive, when the screen size is bigger than sidebar, it leaves white spaces, please help

[ammonialime]

Thanks for the intro to the Smart Flare library. Very cool. I have a quick question. Lets say I have a button that allows a user to subscribe/unsubscribe. The button has 2 simple animations in Flare that simply animate from one state to another. This state is loaded from firebase. When the state is changed by the user, i update firebase, and with the help of StreamProvider, the change is reflected after the update, however i'm unsure how to show the proper state of the button on the screens initial load? Is there an idiomatic way to do this? Should I have 2 different artboards?

[HashemGameDev]

Hi thare Dane, hope you doing fine
i added this code to the final code we reached at the end of the video


RelativeActiveArea(
guardComingFrom: ['close'],
area: Rect.fromLTWH(0, 0, 1.0, 0.20),
debugArea: true,
onAreaTapped: () {
print('Top pressed');
}),
RelativeActiveArea(
guardComingFrom: ['close'],
area: Rect.fromLTWH(0, 0.22, 1.0, 0.18),
debugArea: true,
onAreaTapped: () {
print('Mid pressed');
}),
RelativeActiveArea(
guardComingFrom: ['close'],
area: Rect.fromLTWH(0, 0.41, 1.0, 0.18),
debugArea: true,
onAreaTapped: () {
print('Bottom pressed');
}),


after i added it, the active areas werent guarded from close and still can press them after closing the menu
and as soon as i press any of the added active areas, i cant close or open the side bar any more
any help would be appreciated

[infamouspot]

Can u tell me the same for Android Java

[AlwaysMore]

can i make these three be a button bread and the other one when they appers if i can how ?

[GomzeYT]

when i'm setting the width attribute my height also gets increased.


is there a way so solve this? setting the height does nothing..

[rohanpatil]

How can we capture click events on the Menu Item?

[rajdave]

OMnS
Can you please 🙏 🙏 🙏 tell me from where you learn this flutter and animation

[omareltigani]

Hello. I made my flare animation and it worked well on the 2dimensions web page. Then I used this animation in Flutter and it worked like before. A few days ago all of my flare animations started to be delayed. When i first load a page which contains flare animation, the flare animations appear on the screen like 1-1, 5 seconds later than the flutter widgets. Does anybody know what the problem is?

[yunusemrealpak]

That's great. I should learn animations in flutter. How do you think I should follow steps? (from beginner to advanced)