它有一些背景颜色。我希望容器后面的列表应该是可见的。为容器编写的代码如下:
new Container(
margin: EdgeInsets.fromLTRB(50.0, 10.0, 50.0, 10.0),
width: _isTextFieldActive ? 150.0 : 80.0,
height: 40.0,
decoration: new BoxDecoration(
color: Color(0xFF98DAFC),
borderRadius: new BorderRadius.only(
topLeft: Radius.circular(0.0),
topRight: Radius.circular(32.0),
bottomLeft: Radius.circular(0.0),
bottomRight: Radius.circular(32.0))),
alignment: Alignment.bottomCenter,
child: new Row(
children: <Widget>[
new Container(
width: 40.0,
height: 40.0,
child: new Checkbox(value: true)),
new Container(
width: 40.0,
height: 40.0,
decoration: new BoxDecoration(
color: Color(0xFFDEDEDE),
borderRadius:
new BorderRadius.circular(32.0)),
child: new IconButton(
icon: Icon(Icons.search),
);
}
},
))
],
),
),
所以,我想要那个没有背景色的容器,并且容器后面的列表应该是可见的
最佳答案
我不能 100% 确定这是否属实,因为我现在无法对其进行测试,但我认为问题可能出在 margin 属性上。如果我没理解错的话,您希望容器位于底部中央,底部填充为 10dp。我会这样做:
Align(
alignment: Alignment.bottomCenter,
child: Padding(
padding: const EdgeInsets.only(bottom: 10.0),
child: Container(
height: 40.0,
decoration: BoxDecoration(
color: Color(0xFF98DAFC),
borderRadius: const BorderRadius.only(
topLeft: Radius.circular(0.0),
topRight: Radius.circular(32.0),
bottomLeft: Radius.circular(0.0),
bottomRight: Radius.circular(32.0),
),
),
child: ...,
),
),
)
关于dart - 使容器背景透明?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51837717/