animated_flash_cards 1.1.3 copy "animated_flash_cards: ^1.1.3" to clipboard
animated_flash_cards: ^1.1.3 copied to clipboard

A Flutter package for animated flash cards with book-like page flipping.

Animated Flash Cards #

A Flutter package for animated flash cards with book-like forward and backward page flipping. Fully customizable cards with top and bottom pages, colors, fonts, and page flip animations.

pub package


📦 Features #

  • Forward and backward page flipping animation.
  • Customizable top and bottom pages.
  • DecorationImage support for page flip GIFs.
  • Customizable card height, colors, border radius, and margins.
  • Easy to integrate into any Flutter app.

🛠 Installation #

Add the dependency in your pubspec.yaml:

dependencies:
  animated_flash_cards:
    git:
      url: https://github.com/DeveloperOrpon/Animated-flash_cards.git

Then run:

flutter pub get animated_flash_cards

🎨 Usage #

Import the package:

import 'package:animated_flash_cards/animated_flash_cards.dart';

Create a flash card:

FlashCard(
  headerColor: Colors.black,
  topPageColor: Colors.black,
  bottomPageColor: Colors.black,
  bottomColor: Colors.black,
  borderRadiusAll: 50,
  topPages: List.generate(
    30,
    (index) => Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        FlutterLogo(size: 100),
        Text(
          'Top Card Widget:',
          style: TextStyle(fontSize: 20, color: Colors.white),
        ),
        Text(
          'Index: $index',
          style: TextStyle(fontSize: 20, color: Colors.white),
        ),
      ],
    ),
  ),
  bottomPages: List.generate(
    30,
    (index) => Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        FlutterLogo(size: 100),
        Text(
          'Bottom Card Widget:',
          style: TextStyle(fontSize: 20, color: Colors.white),
        ),
        Text(
          'Index: $index',
          style: TextStyle(fontSize: 20, color: Colors.white),
        ),
      ],
    ),
  ),
);

Note: topPages and bottomPages lists must have the same length. Otherwise, an assertion error will be thrown.


🖼 Example Images #

FLASH CARD:

Top Page Flip Animation Running

🎥 Demo Video #

Bottom Page Flip

Click the image to watch the demo video of the package in action.


⚙️ Customization #

Property Description Default
cardHeight Height of the flash card 200
margin Outer margin of the card null
topPages List of widgets for top pages required
bottomPages List of widgets for bottom pages required
headerColor Color of the header Colors.amber
topPageColor Background color of top pages Colors.amber
bottomPageColor Background color of bottom pages Colors.amber
borderRadiusAll Card border radius 20

📄 License #

This package is licensed under the MIT License.

4
likes
140
points
15
downloads
screenshot

Publisher

unverified uploader

Weekly Downloads

A Flutter package for animated flash cards with book-like page flipping.

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (license)

Dependencies

flutter

More

Packages that depend on animated_flash_cards