我有一个容器与一个较浅的背景颜色(浅绿色与不透明度为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),
),
),
),
),
2条答案
按热度按时间nvbavucw1#
你应该改变“blurStyle”,像这样我实现了你想要的输出我认为:
vxbzzdmp2#
您必须使用
in boxShadow使阴影超出框,因为默认值为内部阴影