如何为 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 小部件内的容器并定义它的高度和宽度。 查看您想要的背景是否重新出现在视图中。