文本中的LinearGradient如何从topLeft到bottomRight？答案

【问题标题】：How do LinearGradient on text in flutter from topLeft to bottomRight?文本中的LinearGradient如何从topLeft到bottomRight？
【发布时间】：2020-04-28 01:32:08
【问题描述】：

大家好，

我需要知道，我如何才能像此图像示例中那样在颤动的着色器中创建从 topLeft 到 bottomRight 的渐变颜色？

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

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

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

【问题讨论】：

标签： flutter text gradient linear-gradients

【解决方案1】：

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

【讨论】：

请编辑您的答案以将代码格式化为代码块，以便于阅读。
仅供参考：我已经编辑了您的答案，以包括@DapperDuck 使用代码格式的正确建议。请检查我的编辑，以便您将来可以正确格式化您的贡献。

【解决方案2】：

您是否尝试过使用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,
  )
);

【讨论】：