Flutter 文本文字颜色如何添加渐变

8 min read

Flutter 中,可以使用 LinearGradientRadialGradient 来添加文本文字颜色的渐变。

示例代码:

Text(
  "Hello World",
  style: TextStyle(
    fontSize: 24,
    fontWeight: FontWeight.bold,
    foreground: Paint()..shader = LinearGradient(
      colors: [Colors.red, Colors.blue],
      begin: Alignment.topLeft,
      end: Alignment.bottomRight
    ).createShader(Rect.fromLTWH(0, 0, 100, 0)),
  ),
),

在上面的示例代码中,LinearGradient 参数为两个颜色值、开始位置和结束位置,然后使用 createShader() 方法创建渐变,并将其赋值给 foreground

注意:LinearGradientRadialGradient 可以根据需要设置更多的参数,以实现更多的效果。