Flutter 上的背景图片未覆盖整个屏幕

Question

我有一个问题，我想为我的报价应用程序添加背景图片，但是当我尝试添加它时，即使我添加了 'BoxFit.cover'，图像也没有覆盖整个屏幕。这就是我加载时屏幕上的内容：

这是我的代码：

  Widget build(BuildContext context) {
    return Scaffold(

      body: Container(
        decoration: BoxDecoration(
          image: DecorationImage(
            image: AssetImage("stuffandmore/Lwolf.jpg"),
            fit: BoxFit.cover,

          )
        ),
        padding: EdgeInsets.only(left: 30,right: 30),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Spacer(),
            Image.asset(
              "stuffandmore/quoteimg.png",
              height: 30,
              width: 30,
              color: Colors.white,
            ),
            SizedBox(
              height: 30,
            )
          ],
        )

有人可以解释我该如何解决这个问题，我将非常感激。

Answer 1

同时使用 BoxFit.fill 和容器宽度 double.infinte

Container(
      width: double.infinity,
      decoration: BoxDecoration(
          image: DecorationImage(
        image: AssetImage("images/test.jpg"),
        fit: BoxFit.fill,
      )),

Flutter 上的背景图片未覆盖整个屏幕

Background Image not covering the whole screen on Flutter

flutter

flutter-layout