flutter - 如何在 Flutter Shader 中实现从 topLeft 到 botttomRgiht 的渐变效果？

Question

大家好，

我需要知道，我如何才能创建渐变色
从 topLeft 到 bottomRight 在 flutter 中的着色器内，如示例 2在这张图片中？



我尝试使用这个迷你着色器代码来做到这一点，但它仍然对我不起作用。

final Shader linearGradient = LinearGradient(
      colors: <Color>[
        Color(0xff002fff),
        Color(0xff00f4ff),
      ],
    ).createShader(Rect.fromCircle(center: Offset(200, 0), radius: 150));

任何人都可以有一个想法，这怎么能创建？或者现在在 Flutter 🤷‍♂️ 中并非不可能。

Answer 1

您可以使用 LinearGradient 的开始和结束属性。

前任:

  LinearGradient(
     begin: Alignment.topLeft,
     end: Alignment.bottomRight,
     colors: <Color>[
     Color(0xff002fff),
     Color(0xff00f4ff),
     ],
 ),