flipfx_widgets 0.0.1
flipfx_widgets: ^0.0.1 copied to clipboard
A Flutter package for creating customizable flip animations between two widgets.
example/lib/main.dart
import 'package:example/widgets/flipfx_widget_horizontal_default_size.dart';
import 'package:example/widgets/flipfx_widget_vertical_default_size.dart';
import 'package:example/widgets/flipfx_widget_using_horizontal_custom_size.dart';
import 'package:example/widgets/flipfx_widget_using_vertical_custom_size.dart';
import 'package:flutter/material.dart';
void main() => runApp(FlipCardExample());
class FlipCardExample extends StatelessWidget {
const FlipCardExample({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
home: Scaffold(
appBar: AppBar(
title: const Text('Flip Widgets Example'),
),
body: Padding(
padding: const EdgeInsets.all(12),
child: Center(
child: Builder(
builder: (context) {
return Column(
mainAxisAlignment: MainAxisAlignment.center,
spacing: 20,
children: [
ElevatedButton(
onPressed: () {
Navigator.of(context).push(
MaterialPageRoute(
builder: (context) => FlipFXWidgetUsingVerticalCustomSize(),
),
);
},
child: Text(
'Flip Widget Using vertical direction with CustomSize',
textAlign: TextAlign.center,
),
),
ElevatedButton(
onPressed: () {
Navigator.of(context).push(
MaterialPageRoute(
builder: (context) => FlipFXWidgetUsingHorizontalCustomSize(),
),
);
},
child: Text(
'Flip Widget Using Horizontal direction with CustomSize',
textAlign: TextAlign.center,
),
),
ElevatedButton(
onPressed: () {
Navigator.of(context).push(
MaterialPageRoute(
builder: (context) => FlipFXWidgetVerticalDefaultSize(),
),
);
},
child: Text(
'Flip Widget Using vertical direction with default size',
textAlign: TextAlign.center,
),
),ElevatedButton(
onPressed: () {
Navigator.of(context).push(
MaterialPageRoute(
builder: (context) => FlipFXWidgetHorizontalDefaultSize(),
),
);
},
child: Text(
'Flip Widget Using Horizontal direction with default size',
textAlign: TextAlign.center,
),
),
],
);
},
),
),
),
),
);
}
}