開発

【Flutter】カードめくりアニメーションを実装する

こんにちは。

スマホアプリをメインに開発しているロッキーカナイです。

最近Flutterでアニメーション動作を入れるのにハマってます。

ということで今回は、Flutterでカードめくりアニメーションを実装してみましたので、紹介したいと思います。

やること

  1. トランプのカードめくりのアニメーションを実装する
  2. デフォルトは裏面、タップすると表を向く。
  3. 表面でタップすると裏を向く

今回はこれだけなので、サクッとコードを紹介します。

コード

素材はこちらより拝借しました。

プレビュー

よくあるカードめくりのアニメーションが実装できました。

 

 

ABOUT ME
ロッキーカナイ
ロッキーカナイ
SwiftやObjective-CでiOS開発や、Flutterを用いたiOS/Androidアプリ開発、PHPでLaravelを使ったWebアプリ開発などをしてます。趣味は猫と戯れる事、キックボクシングにハマってます。ちなみに名前のロッキーカナイは以前よく昼飯を食べてた所。