Skip to content
A flutter flip card
Dart Objective-C Java
Branch: master
Clone or download
Latest commit 6fdeb3b Oct 28, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
example
lib revert entry change Oct 28, 2019
screenshots Update the screenshots Nov 3, 2018
test Customize flip and background touch behavior (#10) Jun 6, 2019
.gitignore
CHANGELOG.md revert entry change Oct 28, 2019
LICENSE 🎉 Create a basic flip card Sep 21, 2018
README.md
pubspec.yaml

README.md

flip_card PRs Welcome Pub Package

A component that provides flip card animation. It could be used for hide and show details of a product.

How to use

import 'package:flip_card/flip_card.dart';

Create a flip card. The card will flip when touched

FlipCard(
  direction: FlipDirection.HORIZONTAL, // default
  front: Container(
        child: Text('Front'),
    ),
    back: Container(
        child: Text('Back'),
    ),
);

You can also configure the card to only flip when desired by using a GlobalKey to toggle the cards:

GlobalKey<FlipCardState> cardKey = GlobalKey<FlipCardState>();

@override
Widget build(BuildContext context) {
  return FlipCard(
    key: cardKey,
    flipOnTouch: false,
    front: Container(
      child: RaisedButton(
        onPressed: () => cardKey.currentState.toggleCard(),
        child: Text('Toggle'),
      ),
    ),
    back: Container(
      child: Text('Back'),
    ),
  );
}
You can’t perform that action at this time.