如何在Flutter中为主小部件内的小部件设置背景颜色

Question

我有一个Container小部件，其中包含特定页面的所有代码。它有一个背景图像，在容器内部，有一个Center小部件。我想将中心小部件的背景颜色设置为白色，但在这样做的同时，整个屏幕的背景都变为白色。请问我怎样才能做到这一点？

return Container(
decoration: BoxDecoration(
image: DecorationImage(
image: AssetImage('Assets/images/loginbg2.jpg'),
fit: BoxFit.cover
),
),
child: Scaffold(
backgroundColor: Colors.transparent, //code for background image

body: Center(
child:Container(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Align(
alignment: Alignment.topLeft,
child: Padding(
padding: EdgeInsets.fromLTRB(40, 0, 0, 0),
child: Text(
"Welcome back!",
textAlign: TextAlign.left,
style: TextStyle(
fontSize: 30.0,
fontWeight: FontWeight.bold,
color: Colors.white,
),
),
)
),
SizedBox(
height: 20.0,
), //code for center widget

Answer 1

这可能是因为Center小部件中的Column小部件占据了整个屏幕。

Column小部件(除非受到约束(正在占用它所能获得的所有空间。

尝试通过暂时删除Column小部件来解决您的问题，只使用Center小部件内的容器并定义其高度和宽度。查看您想要的背景是否会重新出现在视图中。