【问题标题】:Make gradient effect at container flutter,在容器颤动处制作渐变效果,
【发布时间】:2022-01-25 16:50:06
【问题描述】:

如何像这张图片一样在颤动时制作渐变?,我认为这个渐变像 3D 效果一样

【问题讨论】:

    标签: flutter flutter-design


    【解决方案1】:

    试试这个:

            Container(
              width: 200,
              height: 240,
              child: Icon(Icons.android, size: 60, color: Colors.grey[100]),
              decoration: BoxDecoration(
                  borderRadius: const BorderRadius.all(Radius.circular(42)),
                  boxShadow: [
                    BoxShadow(
                      color: Colors.deepOrange[400],
                      offset: const Offset(0, 20),
                      blurRadius: 30,
                      spreadRadius: -5,
                    ),
                  ],
                  gradient: LinearGradient(
                      begin: Alignment.topLeft,
                      end: Alignment.bottomCenter,
                      colors: [
                        Colors.deepOrange[200],
                        Colors.deepOrange[300],
                        Colors.deepOrange[500],
                        Colors.deepOrange[500],
                      ],
                      stops: const [
                        0.1,
                        0.3,
                        0.9,
                        1.0
                      ])),
            ),
    

    结果:

    【讨论】:

      猜你喜欢
      • 2022-08-10
      • 1970-01-01
      • 1970-01-01
      • 2020-05-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多