这就是我想要实现的输出图像.

Output Image

这就是我取得的成果.

所以你可以看到阴影效果在左边,慢慢地向右淡出. 这是我的代码

Container(
     width: MediaQuery.of(context).size.width * 0.45,
     height: MediaQuery.of(context).size.height * 0.15,
     decoration: BoxDecoration(
                      borderRadius: BorderRadius.circular(20)
                              ),
     child: Card(
                 elevation: 5,
                ),
          ),


所以海拔为我提供了阴影,但只向下,但我希望它在从左到右的褪色…有什么办法可以做到这一点吗?

谢谢.

推荐答案

try 以下代码:

    Container(
      width: MediaQuery.of(context).size.width * 0.45,
      height: MediaQuery.of(context).size.height * 0.15,
      decoration: BoxDecoration(
        borderRadius: BorderRadius.circular(20),
        boxShadow: [
          BoxShadow(
            color: Colors.grey.withOpacity(0.5),
            spreadRadius: 5,
            blurRadius: 7,
            offset: const Offset(-7.5, 7.5),
          ),
        ],
      ),
      child: Card(),
    ),

Flutter相关问答推荐

来自另一个屏幕的数据

当仅点击一行时,所有行都被选中

本机调试符号包含无效的目录调试符号.目前仅支持Android ABI

我想在Flutter中画一个箭头,但我似乎无法填满空间

从图标启动器打开时,VSCode未检测到Web设备

使用 forLoops 在 Dart 中进行单元测试会返回 stackoverflow

Flutter 包错误:此应用程序使用的是已弃用的 Android 嵌入版本

Riverpod 注册多少个 providers

使用Flutter项目设置Firebase遇到困难?这些解决方案或许能帮到你!

无法在 ListView (Flutter) 中限制 Card 的最大宽度

不使用 GlobalKey 仍然收到 GlobalKey 被多次使用的错误

如何在 flutter 中创建渐变按钮

我可以使用 Future 来填充Text() 小部件而不是在 Flutter 中使用 FutureBuilder 吗?

扫描flutter生成的二维码后如何弹出文本字段值

在 Flutter 中,如何使用文本字段和方形图像进行行布局

如何在flutter中共享容器和gridview之间的滚动条?

为什么这个参数类型不能分配给参数类型?

在另一个页面编辑数据后更新 Flutter 页面的惯用方法?

如何使用我拥有的 .jks 文件签署我的应用程序

如何从 Flutter 中的列表中提取 JSON?