flutter 如何在抖动中只添加一个硬币容器的边框阴影?

cidc1ykv  于 2022-11-25  发布在  Flutter
关注(0)|答案(2)|浏览(128)

我有一个容器与一个较浅的背景颜色(浅绿色与不透明度为50%)和容器阴影颜色是深黑色(不透明度为100%)。因为较深的阴影颜色我的容器颜色得到了破坏。
意思是我的阴影颜色比container颜色要深得多...请帮忙。提前感谢。

这就是我所做。

我想要的输出。

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),
      ),
    ),
  ),
),
nvbavucw

nvbavucw1#

你应该改变“blurStyle”,像这样我实现了你想要的输出我认为:

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

vxbzzdmp2#

您必须使用

**blurStyle: BlurStyle.outer,**

in boxShadow使阴影超出框,因为默认值为内部阴影

相关问题