どうも、ちょげ(@chogetarou)です。
テキストが左から右（もしくは逆）に流れていくオーバーフローアニメーションをするには、どうしたらいいのでしょうか？
方法
オーバーフローアニメーションをするには、「marquee」パッケージを使います。
まず、「pubspec.yam」ファイルに以下のコードを追加し、「pub get」します。
dependencies:
marquee: ^2.2.0そして、使用するファイルでインポートします。
import 'package:marquee/marquee.dart';あとは、Marqueeウェジェットを使うことで、オーバーフローアニメーションが出来るようになります。
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Sample'),
),
body: Center(
child: Marquee(
text: 'こんにちは！今日はいい天気ですね！', //表示するテキスト
blankSpace: 20, //空白
velocity: 100, //速さ
),
)
);
}
コメント