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] 因为这只是示例）

标签： flutter

Answer 1

这可能会帮助您确定角度

例如：

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

有关渐变的更多详细信息：如何使用 Varun Chilukuri 的渐变设计改进您的 Flutter 应用程序