card_selector 0.1.0
card_selector: ^0.1.0 copied to clipboard

Flutter Android iOS web

Widget selector for Flutter using stack. The selector is fully configurable, animation time, gap between cards, size factor for stacxked cards, ...

Card Selector #

Widget selector for Flutter using stack. An example is available on this repo.

Getting Started #

Installation #

dependencies:
  flutter_card_selector: "^0.0.1"

Import the library #

import 'package:flutter_card_selector/flutter_card_selector.dart';

Add the widget #

const list = ["1", "2", "3", "4", "5"];
const colors = [Colors.blue, Colors.grey, Colors.red, Colors.cyan, Colors.amber];
class Home extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    List<Widget> widgets = [];
    for (int i = 0; i < 5; i++) {
      widgets.add(Container(
        color: colors[i],
        child: Center(
            child: Text(
          list[i],
          style: Theme.of(context).textTheme.title,
        )),
      ));
    }
    return Padding(
      padding: EdgeInsets.only(top: 80.0),
      child: CardSelector(
        cards: widgets,
        mainCardWidth: 240,
        mainCardHeight: 150,
        mainCardPadding: -32,
        cardAnimationDurationMs: 200,
        cardsGap: 24.0,
        dropTargetWidth: 8.0,
      ),
    );
  }
}

Example #

20
likes
100
pub points
71%
popularity

Widget selector for Flutter using stack. The selector is fully configurable, animation time, gap between cards, size factor for stacxked cards, ...

Repository (GitHub)
View/report issues

Documentation

API reference

Uploader

victor.bonnet@gmail.com

License

MIT (LICENSE)

Dependencies

flutter

More

Packages that depend on card_selector