如何在 flutter 中仅添加硬币容器的边框阴影？

Question

我有一个背景颜色较浅的容器（浅绿色，不透明度为 50%），容器阴影颜色为深黑色（不透明度 100%）。 由于阴影颜色较深，我的容器颜色被打乱了。

意味着我的阴影颜色比容器颜色深得多......请帮忙。 提前致谢。

这就是我所做的。

我想要的 output。

child: Container(
  height: 100.0,
  decoration: BoxDecoration(
    border: Border.all(
      width: 1.0,
      color: const Color.fromRGBO(3, 60, 9, 0.5),
    ),
    boxShadow: const [
      BoxShadow(
        spreadRadius: 0,
        blurRadius: 9,

        color: Colors.black,
      ),
    ],
    color: const Color.fromRGBO(167, 212, 172, 0.2),

    borderRadius: BorderRadius.circular(5),
  ),
  child: Center(
    child: ListTile(
      leading: Icon(
        Icons.person_pin,
        size: 60,
        color: pColor,
      ),
      title: Text(
        'My Profile',
        style: TextStyle(
          color: pColor,
          fontFamily: robotoBold,
          fontWeight: FontWeight.w700,
          fontSize: 20,
        ),
      ),
      subtitle: Text(
        'Tap to See your Profile',
        style: TextStyle(
          color: pColor,
          fontFamily: robotoReg,
          fontSize: 16,
          fontWeight: FontWeight.w400,
        ),
      ),
      trailing: const Icon(
        Icons.navigate_next_outlined,
        size: 40,
        color: Color.fromRGBO(153, 153, 153, 1),
      ),
    ),
  ),
),

Answer 1

你应该改变“blurStyle”，像这样我实现了你想要的 output 我认为：

boxShadow: const [
    BoxShadow(
        blurStyle: BlurStyle.outer,
        spreadRadius: 0,
        blurRadius: 15,
        color: Colors.black,
    ),
],

Answer 2

你必须使用

  **blurStyle: BlurStyle.outer,**

in boxShadow 使阴影脱离盒子，因为默认值是内部阴影