M3_Carousel

A flutter implementation of the Material Design 3 carousel.
Built on the CarouselView.

Feature Highlights

• Hero carousel with support for "left", "center" and "right" alignments.
  

• Contained carousel. Extended view inclusive.
  

• Uncontained carousel.
  

Installing

In your pubspec.yaml

dependencies:
  m3_carousel: ^2.0.1 # requires Dart => ^3.0.5

Usage

import "package:m3_carousel/m3_carousel.dart";

M3Carousel(
    type: "hero",
    heroAlignment: "center",
    onTap: (int tapIndex) => log(tapIndex.toString()),
    children: List<Widget>.generate(10, (int index) {
        return ColoredBox(
            color: Colors.primaries[index % Colors.primaries.length].withOpacity(0.8),
            child: const SizedBox.expand(),
        );
    }),
),

See example/lib/main.dart for complete examples.

Reference

Use of CarouselView is govern by the Flutter Authors LICENSE

License

MIT license