套件詳情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,
    ],
),