Need help with flip_card?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.


A flutter flip card

165 Stars 40 Forks BSD 3-Clause "New" or "Revised" License 23 Commits 14 Opened issues

Services available

Need anything else?

flipcard [PRs Welcome](https://github.com/fedeoo/flipcard/pulls) 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

  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

to toggle the cards: ```dart GlobalKey cardKey = GlobalKey();

@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'), ), ); } ```

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.