Relative Content

Tag Archive for flutterflutter-animation

Flutter FlipCards: how to flip two cards simultaneously

I’m developing an app with Flutter using the FlipCard package.
I have a grid with 12 FlipCards, I need to select two covered cards, flip them to show what’s behind, perform some checks, and If the checks do not pass, I need to flip back both cards and until the flip animation is completed I shouldn’t be able to click to reveal other cards (this is to avoid introducing bugs).

how to add this animation in flutter

i have container when clicked on add button it should render a diffrent container but animation effect should be like this.
i have looked for Tween animation but anything doesn’t look like quite what i want. Help is apriciated.

Animate an unconstrained widget in Flutter

Basically, I have a top navigation bar (menu) and want it to expand on mouse hover. When the onHover property becomes true, it should expand and animate downwards, and when the onHover property becomes false, it should collapse and animate upwards.

scaling animation from top left

i have a scaling animation whenever the below widget initialises. it’s working fine but i would want the scaling to start from the top left instead of the center, kind of like an “revealing” animation. i have tried using align (to top left) but it doesnt work. also, the below widget is a child of a stack. tia for all inputs

custom repeating scaling animation

i am trying to achieved a scaling animation that starts from 0 to 1 and then alternates between 0.8 and 1. i copied the code from https://api.flutter.dev/flutter/widgets/ScaleTransition-class.html and tweaked the values but am unable to achieve my desired animation. the below code starts from 0.8 and animates to 1 and repeats. any ideas on how i can achieve the mentioned animation? tia