Flutter:BoxDecoration颜色问题

时间:2019-10-28 14:29:26

标签: flutter dart flutter-layout

我有ContainerBoxDecoration。因此,我将Scaffold的背景色设置为白色,将BoxDecoration的颜色设置为绿色,并将其边框颜色设置为白色,以使基础购物车图标具有某些“剪切”效果。

但是有一个问题:BoxDecoration的颜色与边框颜色重叠,因此您可以看到边框外的微小绿色边缘。

enter image description here

从理论上讲,该重叠的边缘应该是不可见的,并且边框颜色应与支架颜色融合。

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小部件中重叠?

0 个答案:

没有答案