Flutter中的渐变文字 [英] Gradient Text in Flutter

问题描述

我想知道是否可以在文本上创建渐变 扑.使用Dart的ui，有要点的文字渐变，但是有点长，我当时是希望更简单.

I was wondering if it is possible to create a gradient over text Flutter. There is a gist of text gradient using Dart's ui, but it is kinda long and I was hoping to be simpler.

推荐答案

来自

Taken from here, you can use Text's style painter.

创建着色器，

final Shader linearGradient = LinearGradient(
  colors: <Color>[Color(0xffDA44bb), Color(0xff8921aa)],
).createShader(Rect.fromLTWH(0.0, 0.0, 200.0, 70.0));

然后在TextStyle的前景中使用它

then use it in the TextStyle's foreground

  Text(
        'Hello Gradients!',
        style: new TextStyle(
            fontSize: 60.0,
            fontWeight: FontWeight.bold,
            foreground: Paint()..shader = linearGradient),
      )

源代码

这篇关于Flutter中的渐变文字的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！