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.

Comments

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!
bug

opened by shaxxx 1
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
enhancement Usage

opened by kiaxseventh 1