パッケージ詳細v1.4.0

simple_gradient_text

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

AndroidiOSWebmacOSWindowsLinux

pub.dev API ドキュメントソースコード

30日間ダウンロード: 6.6万
いいね数: 124
Pub ポイント: 160

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

flutter pub add simple_gradient_text

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

Simple Gradient Text は、最小限のコードで視覚的に魅力的なグラデーションテキスト効果を簡単に作成できるFlutterパッケージです。線形および径方向のグラデーションをサポートしており、カスタムカラーを定義してテキストに直接適用できます。ダイナミックなタイポグラフィでUIを強化するのに最適であり、Android、iOS、Web、macOS、Windows、Linuxなどすべての主要プラットフォームで動作します。軽量でシンプルな設計でありながら、柔軟性を損なわず、使いやすさに重点を置いています。

用途

アプリタイトルにグラデーション効果を追加する
色の遷移でボタンラベルを強化する
ダッシュボードで目を引く見出しを作成する
アニメーションテキストビジュアルによるユーザー参加の向上
鮮やかなタイポグラフィでモダンなUIコンポーネントを設計する

主な機能

線形および径方向のグラデーションに対応
簡単なカラー設定
最小限のボイラープレートコード
クロスプラットフォーム互換性
軽量でパフォーマンスに優れる
直感的なセットアップを備えたシンプルな API

適している対象

視覚的な魅力を求めるUIデザイナー
現代のFlutterアプリを開発する開発者
動的テキストスタイルが必要なプロジェクト
グラデーション要素を使用するブランドアプリ
迅速かつ洗練されたインターフェースのプロトタイピング

注意事項

グラデーションの種類以外のカスタマイズは限られている
組み込みのアニメーションサポートなし
グラデーションの方向は手動で指定する必要があります
複雑なレイアウトには追加のスタイル設定が必要になる場合があります
非常に複雑なテキスト効果には向かない

元の README

関連するソースリポジトリの README 原文のスナップショットです。最新の内容はリポジトリをご覧ください。

gradient_text

Requires Flutter >=3.29.0

Create gradient texts simply and quickly.

Getting Started

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,
    ],
),

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,
    ],
),