wosloveslife / flutter_flip_view

flutter_flip_view

This is a flutter Widget base on pure Dart code that provides 3D flip card visuals.

Usage

add package in your pubspec.yaml

dependencies:
   flutter_flip_view: ^latest_version

This is a simple usage

import 'package:flutter_flip_view/flutter_flip_view.dart';

FlipView(
  animationController: _curvedAnimation,
  front: Container(
    width: 300,
    height: 500,
    color: Colors.amber,
    alignment: Alignment.center,
    child: Text('Front'),
  ),
  back: Container(
    width: 300,
    height: 500,
    color: Colors.blueGrey,
    alignment: Alignment.center,
    child: Text('Back'),
  ),
)

You can get more usage case in main.dart and custom_layout_example.dart

Pay attention

If the widgets you are using within the flip_view are wrapped in a Card widget or a Material widget, you should set the Card (or Material) property clipBehavior to Clip.hardEdge or something other than Clip.none.

Getting Started

This project is a starting point for a Flutter plug-in package, a specialized package that includes platform-specific implementation code for Android and/or iOS.

For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.

flutter_flip_view's Issues

rotaintion from top or bottom

how about rotation from top to bottom or bottom to top

flip view with three side ?

hello dear
how can build third side on flip view ?

for exmaple
in first side state when setState move side got to second side
and in second state whene setState move side go to third side

multiple back view

is it possible to have multiple back view?
for example,
A => B,
A => C,
A => D,
A => E

FlipView setState is called after dispose

In certain conditions FlipView causes exception

setState() called after dispose()

which is thrown two times when I flip the card.
Details in the screenshot

In my case AnimateList has multiple flip items, being rebuild multiple times.
Sometimes items are build as flipviews, sometimes not.
Exception occurs when Flipview is removed from view.

When this.mounted check is applied no exception is thrown.
Thanks for the widget!

what's the difference between this package and flip_card

There is already a package that do the same, flip_card https://pub.dev/packages/flip_card

What's the difference with this package?

null safety

please update to the last version to going on with null safety