Flutter中3d容器效果的渐变

时间:2019-09-28 16:06:49

标签: flutter flutter-layout

如何装饰这种效果的容器。我尝试使用渐变,但不知道如何像图片中那样制作水平渐变。 非常感谢您提供任何帮助或资源。enter image description here

1 个答案:

答案 0 :(得分:2)

尝试一下:

Container(
        height: 100,
        decoration: BoxDecoration(
          gradient: LinearGradient(
            colors: [
              Colors.black,
              Colors.purple,
              Colors.blue,
              Colors.green,
              Colors.brown,
            ],
            begin: Alignment.topCenter,
            end: Alignment.bottomCenter,
            stops: [0.01, 0.3, 0.4, 0.8, 1],
          ),
        ),
      )

您已经有颜色,您必须创建stops,在我的示例中这是不言自明的,并且长度必须与颜色相等。

如果要使其水平,请调整beginend参数。