【Flutter】Textを簡単にグラデーションさせる

パッケージのインストール

gradient_textを導入すれば簡単にテキストのグラデーションを実装できます。

pubsub.yml

gradient_text: ^1.0.2

インポート

import 'package:gradient_text/gradient_text.dart';

グラデーション可能なテキストウィジェットを作成

テキストウィジェットを下記のGradientTextに置き換えるだけです。

GradientText("テキスト",
  gradient: LinearGradient(
      //ここでグラデーションの色を複数設定できる
      colors: [Colors.deepPurple, Colors.deepOrange, Colors.pink]
  ),
  style: TextStyle(fontSize: 30), //スタイルも設定可能
  textAlign: TextAlign.center); //テキストの配置