Как LinearGradient на текст в флаттер от topLeft до bottomRight?

Question

Привет всем,

Мне нужно знать, как мне создать градиентные цвета от topLeft до bottomRight с шейдером в флаттере, как в этом примере изображения?

Я пытался с этим мини-шейдерным кодом сделать это, но он все еще не работает для меня.

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

Может ли кто-нибудь иметь идею, как можно это будет создано? Или это сейчас невозможно во Флаттере ?‍♂️

Answer 1

Вы пытались использовать свойства begin и end LinearGradient?

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