文本上的 LinearGradient 如何从左上角移动到右下角？

Question

大家好，

我需要知道，如何在着色器中创建从左上角到右下角的渐变颜色，就像这个图像示例中那样？

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

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

任何人都可以有一个想法，如何创建它？或者现在在 Flutter 中也不是不可能 ‍♂️

Answer 1

您是否尝试过使用 LinearGradient 的 begin 和 end 属性？

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

Answer 2

Container(decoration: BoxDecoration(                                       
        gradient: LinearGradient(
           begin:Alignment.topLeft,
           end:Alignment.bottomRight,
             colors: [Colors.blue[800],
                 Colors.blue[200]
        ]),
    ),
)

文本上的 LinearGradient 如何从左上角移动到右下角？

How do LinearGradient on text in flutter from topLeft to bottomRight?

text

gradient

linear-gradients

flutter