flip_carousel 0.0.3

Infinite carousel with a 3D-filp animation. Both widgets and images can be assigned to the widget as inputs. Perspective and the space between cards can be modified.

example/example.dart

import 'package:flip_carousel/flip_carousel.dart';
import 'package:flutter/material.dart';

main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(home: MainScreen());
  }
}

class MainScreen extends StatelessWidget {
  const MainScreen({super.key});

  static List<dynamic> sampleImages = [
    'https://i.ibb.co/QYdQHBw/batman2.jpg',
    'https://i.ibb.co/vwhykYp/spider1.jpg',
    'https://i.ibb.co/H4VrQS4/spider2.jpg',
    Container(color: Colors.amber, child: const FlutterLogo()),
  ];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.grey,
      body: Center(
        child: FlipCarousel(
          items: sampleImages,
          height: 400,
          width: 250,
          isAssetImage: false,
          border: Border.all(width: 5, color: const Color(0xFFFFFFFF)),
          fit: BoxFit.cover,
          perspectiveFactor: 0.002,
          layersGap: 30,
          transitionDuration: const Duration(milliseconds: 400),
          onChange: (int pageIndex) {
            print(pageIndex);
          },
          onTap: () {
            print("taped");
          },
        ),
      ),
    );
  }
}