android - Flutter Container BoxShadow 不显示

这是我此刻的代码:

ClipRRect(
  borderRadius: BorderRadius.circular(11),
  child: Container(
    decoration: BoxDecoration(
      gradient: LinearGradient(
        begin: FractionalOffset.bottomLeft,
        end: FractionalOffset.topRight,
        colors: <Color>[Colors.purple, AppBaseColors.orange],
      ),
      boxShadow: [BoxShadow(color: Colors.yellow)]
    ),
    child: Material(
      child: InkWell(
        onTap: () {
          print("tapped");
        },
        child: Container(
          width: ButtonTheme.of(context).minWidth,
          height: ButtonTheme.of(context).height,
          child: Center(
            child: Text(
              "log in",
              style: TextStyle(
                  color: Colors.white, fontWeight: FontWeight.bold),
            ),
          ),
        ),
      ),
      color: Colors.transparent,
    ),
  ),
),

我尝试了什么:

在第一个容器中添加 boxShadow

在第二个容器中添加 boxShadow

添加另一个 容器 和 boxShadow 作为 ClipRRect

在 Material 中添加 boxShadow 作为 shadowColor(ofc 不起作用，因为我没有任何类型的阴影)

在上面的所有情况下，还添加了 spreadRadius 和 blurRadius ，但没有任何变化。

知道我做错了什么吗？

最佳答案

您需要进行以下更改:

删除 ClipRRect 小部件。

在 borderRadius 中添加 BoxDecoration 。

将Offset添加到您的BoxShadow中。

Container(
          decoration: BoxDecoration(
              color: Colors.blue,
              gradient: LinearGradient(
                begin: FractionalOffset.bottomLeft,
                end: FractionalOffset.topRight,
                colors: <Color>[Colors.purple, Colors.orange],
              ),
              borderRadius: BorderRadius.circular(11),
              boxShadow: [
                BoxShadow(color: Colors.yellow, offset: Offset(5.0, 5.0))
              ]),
          child: Material(
            borderRadius: BorderRadius.circular(11),
            clipBehavior: Clip.hardEdge,
            child: InkWell(
              onTap: () {
                print("tapped");
              },
              child: Container(
                width: ButtonTheme.of(context).minWidth,
                height: ButtonTheme.of(context).height,
                child: Center(
                  child: Text(
                    "log in",
                    style: TextStyle(
                        color: Colors.white, fontWeight: FontWeight.bold),
                  ),
                ),
              ),
            ),
            color: Colors.transparent,
          ),
        ),

关于android - Flutter Container BoxShadow 不显示，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/55955383/