ducafecatFlutter エコシステムナビ
FLUTTER ECOSYSTEM

astudilloalex/flutter_gradient_text

高速かつ簡単なグラデーションテキストを作成できます。線形または径方向のどちらでも、色と表示するテキストを決めるだけです。とても簡単です。

GitHub で見る ↗
flutter_gradient_text のプロジェクト画像
Stars
13
Forks
9
最終プッシュ（UTC）
2026/01/03
プロジェクト状態
公開中
astudilloalex GitHub avatar
言語C++DartCMakeHTMLCSwiftKotlinObjective-C

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

使用している依存関係

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

元の README

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

README を開く / 閉じる

style: lint

gradient_text

Requires Flutter >=3.29.0

Create gradient texts simply and quickly.

Getting Started

pub package

Only add simple_gradient_text package to your pubspec.yaml.

dependencies:
  simple_gradient_text: 1.4.0

Then run flutter get --no-example.

Note: You can add directly - run flutter pub add simple_gradient_text in your project.

Add a linear gradient text
GradientText(
    'Gradient Text Example',
    style: TextStyle(
        fontSize: 40.0,
    ),
    colors: [
        Colors.blue,
        Colors.red,
        Colors.teal,
    ],
),

Flutter Gradient Text Example

Add a radial gradient text
GradientText(
    'Gradient Text Example',
    style: TextStyle(
        fontSize: 40.0,
    ),
    gradientType: GradientType.radial,
    radius: 2.5,
    colors: [
        Colors.blue,
        Colors.red,
        Colors.teal,
    ],
),

Flutter Gradient Text Example