KoSwipeCard

模仿探探卡片滑动效果的布局.

简单实用

参考:example中的simple_page.dart

KoSwipeCard(
          //  卡片宽度
          cardWidth: cardWidth,
          //  卡片高度
          cardHeight: cardHeight,
          //  卡片底部高度差
          cardDeltaHeight: cardDeltaHeight,
          //  数据长度
          itemCount: imageList.length,
          //  卡片内容构建
          indexedCardBuilder: (ctx, index, rotateFraction, translateFraction) =>
              //  根据索引创建卡片
              _buildCard(ctx, index, rotateFraction),
          //  顶部卡片划出去的监听
          topCardDismissListener: () {
            setState(() {
              //  删除顶部数据
              imageList.removeAt(0);
            });
          },
        )

///  图片列表
List<Color> imageList = [
  Colors.green,
  Colors.blue,
  Colors.red,
  Colors.yellow,
  Colors.teal,
  Colors.orange,
  Colors.purple,
];

///  创建卡片内容
///  [context] 上下文实例
///  [index] 卡片索引
///  [rotateFraction] 卡片旋转百分比
Widget _buildCard(BuildContext context, int index, double rotateFraction) {
  return Container(
    color: imageList[index],
  );
}

CardDemo

Tantan_demo

参考:example中的test_tantan_page.dart

TantanDemo

Libraries

ko_swipe_card