如何在Flutter中创建45度的线性渐变?

2024-04-08

我无法理解如何以度数 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
          ]),
        ),
      );

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


这可能会帮助您确定角度

eg :

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

有关渐变的更多详细信息:如何通过 Varun Chilukuri 的渐变设计改进 Flutter 应用程序 https://medium.com/flutter-community/how-to-improve-your-flutter-application-with-gradient-designs-63180ba96124

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在Flutter中创建45度的线性渐变? 的相关文章

随机推荐