插件详情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,
    ],
),