flutter文本彩色，炫彩文本字

1. 使用线性渐变（需要配合ShaderMask）：

ShaderMask(
  shaderCallback: (Rect bounds) {
    return LinearGradient(
      colors: [Colors.red, Colors.blue, Colors.green],
    ).createShader(bounds);
  },
  child: Text(
    "测试程序",
    style: TextStyle(
      fontSize: 20,
      overflow: TextOverflow.ellipsis,
      color: Colors.white, //需要设置为白色才能显示渐变效果
    ),
  ),
)

2. 使用彩虹效果

Text(
  "测试程序",
  style: TextStyle(
    fontSize: 20,
    overflow: TextOverflow.ellipsis,
    foreground: Paint()
      ..shader = LinearGradient(
        colors: [
          Colors.red,
          Colors.orange,
          Colors.yellow,
          Colors.green,
          Colors.blue,
          Colors.indigo,
          Colors.purple,
        ],
      ).createShader(Rect.fromLTWH(0, 0, 200, 0)),
  ),
)

×

*转载请注明出处：原文链接：https://cpp.vin/page/151.html