Animated Flip Card
A Flutter package that creates an animation of a flipping card.
![](https://raw.githubusercontent.com/tajaouart/animated_flip_widget/main/animated_flip_widget.gif)
Features
- Creates an animation of a flipping card
- Allows you to display different widgets on the front and back of the card
- Includes a
FlipController
class to control the animation of the flip - Allows you to specify whether the card should be clickable or not
- Allows you to specify the duration of the flipping animation
- Allows you to specify the direction of the flipping animation (horizontal or vertical)
Getting started
To use this package, add animated_flip_card
as a dependency in your pubspec.yaml
file.
dependencies:
animated_flip_card: <latest version>
Usage
To use the AnimatedFlipWidget
, you must pass in three required parameters: front
, back
, and controller
.
AnimatedFlipWidget(
front: Text('Front'),
back: Text('Back'),
controller: _controller,
)
Usage
To use the AnimatedFlipWidget
, you must pass in three required parameters: front
, back
, and controller
.
AnimatedFlipWidget(
front: Text('Front'),
back: Text('Back'),
controller: _controller,
)
You can also specify the optional parameters:
AnimatedFlipWidget(
front: Text('Front'),
back: Text('Back'),
controller: _controller,
clickable: true,
flipDuration: Duration(milliseconds: 600),
flipDirection: FlipDirection.Horizontal,
)
You can control the animation of the flip by calling the flip() method on the FlipController instance.
_controller.flip();
Additional information
- This package uses the
TweenAnimationBuilder
widget to build a tween animation that rotates the card based on the angle of thecontroller
. - It also has an
enum
classFlipDirection
that allows you to define the direction of flipping horizontally or vertically. - A sample project demonstrating how to use the package is available in the
example
directory of this package