[Flutter]テキストをスライドするアニメーションをする方法

どうも、ちょげ(@chogetarou)です。

テキストをスライドするアニメーションをする方法を紹介します。

方法

テキストをスライドするアニメーションをするには、「marquee」パッケージを使います。

まず、「pubspec.yaml」に以下のコードを追加し、「pub get」します。

dependencies:
  marquee: ^2.2.0

そして、パッケージのインポートをします。

import 'package:marquee/marquee.dart';

最後に、Marqueeウェジェットの引数「text」にスライドしたテキストを設定します。

              Marquee(
                text: 'Hello Flutter! You are very fast!',
                velocity: 100, //速さ
                blankSpace: 20, //末尾の余白
              )

まとめ

テキストをスライドするアニメーションをするには、「marquee」パッケージを使います。