首页 > 解决方案 > 文本中的LinearGradient如何从topLeft到bottomRight?

问题描述

大家好

我需要知道,如何在这个图像示例中的颤动着色器中创建从 topLeft 到 bottomRight 的渐变颜色?

在此处输入图像描述

我尝试使用此迷你着色器代码来执行此操作,但它仍然对我不起作用。

final Shader linearGradient = LinearGradient(
  colors: gradientColors,
).createShader(
  Rect.fromCircle(
    center: Offset(fontSize, -200),
    radius: fontSize / 3,
  ),
);

任何人都可以有一个想法,如何创建?或者现在在 Flutter 中也不是不可能 ‍♂️</p>

标签: fluttertextgradientlinear-gradients

解决方案


您是否尝试过使用 的beginend属性LinearGradient

final Shader linearGradient = LinearGradient(
  begin: Alignment.topLeft,
  end: Alignment.bottomRight,
  colors: gradientColors,
).createShader(
  Rect.fromCircle(
    center: Offset(fontSize, -200), 
    radius: fontSize / 3,
  )
);

推荐阅读