flipfx_widgets 0.0.2

A Flutter package for creating customizable flip animations between two widgets.

example/lib/main.dart

import 'package:example/widgets/flipfx_widget_default_size.dart';
import 'package:example/widgets/flipfx_widget_using_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('FlipFX 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) => FlipFXWidgetUsingCustomSize(isHorizontal: false),
                          ),
                        );
                      },
                      child: Text(
                        'Flip Widget Using vertical direction with CustomSize',
                        textAlign: TextAlign.center,
                      ),
                    ),
                    ElevatedButton(
                      onPressed: () {
                        Navigator.of(context).push(
                          MaterialPageRoute(
                            builder: (context) => FlipFXWidgetUsingCustomSize(isHorizontal: true,),
                          ),
                        );
                      },
                      child: Text(
                        'Flip Widget Using Horizontal direction with CustomSize',
                        textAlign: TextAlign.center,
                      ),
                    ),
                    ElevatedButton(
                      onPressed: () {
                        Navigator.of(context).push(
                          MaterialPageRoute(
                            builder: (context) => FlipFXWidgetDefaultSize(isHorizontal: true),
                          ),
                        );
                      },
                      child: Text(
                        'Flip Widget Using vertical direction with default size',
                        textAlign: TextAlign.center,
                      ),
                    ),
                    ElevatedButton(
                      onPressed: () {
                        Navigator.of(context).push(
                          MaterialPageRoute(
                            builder: (context) => FlipFXWidgetDefaultSize(isHorizontal: false,),
                          ),
                        );
                      },
                      child: Text(
                        'Flip Widget Using Horizontal direction with default size',
                        textAlign: TextAlign.center,
                      ),
                    ),
                  ],
                );
              },
            ),
          ),
        ),
      ),
    );
  }
}