flutter pub add gradient_text基于插件公开信息、社区数据与项目使用情况整理的选型参考。
一个 Flutter 小部件，用于渲染带有渐变效果的文本，允许开发者在单个字符或整个文本字符串上应用平滑的颜色过渡。它支持标准的 TextStyle 和 TextAlign 属性，使其与现有的文本样式工作流程兼容。非常适合创建视觉吸引力强的 UI 元素，如标题、按钮或标签，并带有动态颜色效果。该包轻量且易于集成，所需配置极少。
以下为关联源码仓库的 README 原文快照，最新内容请访问源码仓库。
A Flutter Widget for displaying gradient text, text with a gradient drawn through it.
Add the plugin (pub coming soon):
dependencies:
...
gradient_text: ^1.0.2
Import it:
import 'package:gradient_text/gradient_text.dart';
Use it:
GradientText("this is my text",
gradient: LinearGradient(
colors: [Colors.deepPurple, Colors.deepOrange, Colors.pink]),
style: TextStyle(fontSize: 42),
textAlign: TextAlign.center);
Parameters:
data :: (required) :: The String to be used in the Text Widget
gradient :: (required) :: A gradient to be drawn through the text
style :: (optional) :: TextStyle to be used in the Text Widget. Color is ignored, as the text must be white to have the gradient drawn.
textAlign :: (optional) :: TextAlign to be used in the Text Widget. Default is left.
The idea to use ShaderMask came from Reddit user boformer. Thanks boformer.