flutter - 如何在 Flutter 中创建 45 度的线性渐变？

Question

我无法理解如何以度数 LinearGradient 进行操作。我有以下代码:

Container(
        height: 100.0,
        decoration: BoxDecoration(
          borderRadius: BorderRadius.circular(6.0),
          gradient: LinearGradient(begin: FractionalOffset.topLeft, end: FractionalOffset.bottomRight, colors: [
            Color(0xFF148535),
            Color(0xFF148535),
            Color(0XFF0D6630),
            Color(0XFF0D6630),
            Color(0xFF148535),
            Color(0xFF148535),
          ], stops: [
            0.0,
            0.3,
            0.3,
            0.7,
            0.7,
            1.0
          ]),
        ),
      );

但是 .topLeft 和 '.bottomRight' 不这样做是必需的。下面的图片显示了我想要得到的东西。 (图片有偏移，不适合 [0.0, 0.3, 0.3, 0.7, 0.7, 1.0] 因为这只是示例)

Answer 1

这可能会帮助您确定角度

例如:

LinearGradient(
          begin: Alignment(-1.0, -1),
          end: Alignment(-1.0, 1),

有关渐变的更多详细信息:How to improve your Flutter application with gradient designs by Varun Chilukuri