animated_flash_cards 1.1.3
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.
📦 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:
topPagesandbottomPageslists must have the same length. Otherwise, an assertion error will be thrown.
🖼 Example Images #
FLASH CARD:
🎥 Demo Video #
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.
