我有Container
和BoxDecoration
。因此,我将Scaffold
的背景色设置为白色,将BoxDecoration
的颜色设置为绿色,并将其边框颜色设置为白色,以使基础购物车图标具有某些“剪切”效果。
但是有一个问题:BoxDecoration
的颜色与边框颜色重叠,因此您可以看到边框外的微小绿色边缘。
从理论上讲,该重叠的边缘应该是不可见的,并且边框颜色应与支架颜色融合。
Row(children: <Widget>[
Image.asset(
'assets/images/shopping-cart-icon.png',
fit: BoxFit.fitHeight,
width: 41,
height: 39,
),
Transform.translate(
offset: Offset(-10.0, -10.0),
child: Container(
width: 26,
height: 26,
decoration: BoxDecoration(
color: Color(0xFF44B751),
shape: BoxShape.circle,
border: new Border.all(
color: Colors.white,
width: 3.0,
style: BorderStyle.solid
),
),
child: Center(
child: Text('3', style: TextStyle(fontSize: 14, color: Colors.white)),
)
)
)
],)
如何防止这种颜色在BoxDecoration
小部件中重叠?