FLUTTER ECOSYSTEM

PavieOlivier/slidingCard

Flutterで作られたアニメーションスライドカード

slidingCard のプロジェクト画像
Stars
24
Forks
9
最終プッシュ(UTC)
2020/07/29
プロジェクト状態
公開中
PavieOlivier GitHub avatar
GITHUB User

PavieOlivier ↗

Full Stack Developer ( React - NextJs - Go - SpringBooth ) | Mobile & Desktop Developer ( Flutter )

EmilecodeCanada公式サイト ↗
言語DartKotlinSwiftObjective-C

このリポジトリが公開するパッケージ

使用している依存関係

依存関係一覧 3 件
  • flutter{"sdk":"flutter"}
  • meta^1.1.8
  • flutter_test開発用{"sdk":"flutter"}

元の README

以下は英語原文のスナップショットです。最新版は GitHub をご覧ください。

README を開く / 閉じる

Sliding Card

https://media.giphy.com/media/d8uClfpq4R6jKQvV8T/giphy.gif

Introduction

Sliding card is a highly customizable flutter package that will help you create beautiful Cards with a sliding animation effect.

Before we start

Before you start here are some relevant link that you might want to have a look

Quick start

To use the application just import the package

import 'package:sliding_card/sliding_card.dart';

Then inside your code, add the SlidingCard widget.

SlidingCard(
        slimeCardElevation: 0.5,
        cardsGap: SizeConfig.safeBlockVertical,
        //The controller is necessary to animate the opening and closing of the card
        controller: widget.slidingCardController,
        slidingCardWidth: SizeConfig.horizontalBloc * 90,
        visibleCardHeight: SizeConfig.safeBlockVertical * 27,
        //the card behind the front card can't have a higher
        // hight than the front one  
        hiddenCardHeight: SizeConfig.safeBlockVertical * 15,
        //Configure your front card here
        frontCardWidget: TheFrontCard(),
        //configure your rear card here 
        backCardWidget:TheBackCard(),
      ),

Conclusion

Thank you for using my package, If you did find any bug please feel free to report it or make a pull request. If you want to contact me directly, please DM me directly on My instagram account, or you can mail me directly. For my other packages you can visit my website at emilecode.com