Flutter 如何消除颤振中图像和文本之间的间距

我想在图像（fb图标）的正下方显示文本（Facebook），没有任何间距。以下是截至目前的代码：

@override   Widget build(BuildContext context) {
    return Scaffold(
      // prevent pixel overflow when typing
      resizeToAvoidBottomPadding: false,
      body: Container(
        decoration: BoxDecoration(
            image: DecorationImage(
                image: AssetImage(
                  "assets/login_background.png",
                ),
                fit: BoxFit.cover)),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.center,
          //  mainAxisAlignment: MainAxisAlignment.spaceAround,
          children: <Widget>[

           Image(
              image: AssetImage("assets/fb_icon.png"),
              width: 180.0,
              height: 250.0,
            ),
            new Text('Facebook.',
                style: TextStyle(
                    fontStyle: FontStyle.italic,
                    color: Colors.white,)),
            _textFields(),
            _signInButton(),
            _socialMediaSignIns(),
            _accountButtons()
          ],
        ),
      ),
    );
   }
 }

@覆盖小部件生成（构建上下文）{
返回脚手架(
//防止键入时像素溢出
resizeToAvoidBottomPadding:false，
主体：容器(
装饰：盒子装饰(
图像：装饰图像(
图片：资产评估(
“assets/login_background.png”，
),
安装：BoxFit.盖），
子：列(
crossAxisAlignment:crossAxisAlignment.center，
//mainAxisAlignment:mainAxisAlignment.spaceAround，
儿童：[
形象(
图片：AssetImage（“assets/fb_icon.png”），
宽度：180.0，
高度：250.0，
),
新文本（“Facebook”。”，
样式：TextStyle(
fontStyle:fontStyle.italic，
颜色：颜色。白色，），
_textFields（），
_signInButton（），
_socialMediaSignIns（），
_accountButtons（）
],
),
),
);
}
}

目前，我看到这样的情况，并希望删除图像和文本之间的空间

在这种情况下，它必须没有填充。您可以通过以下方式精确检查png文件中的填充：

Image(
  image: AssetImage("assets/fb_icon.png"),
  color: Colors.red,
  colorBlendMode: BlendMode.multiply,
),

这将显示图像的真实边界

在这种情况下，它必须没有填充。您可以通过以下方式精确检查png文件中的填充：

Image(
  image: AssetImage("assets/fb_icon.png"),
  color: Colors.red,
  colorBlendMode: BlendMode.multiply,
),

---

这将显示图像的真实边框

实际上，您应该使用

BoxFit.cover

查看其效果，因为图像的物理高度小于分配给它的物理高度

这是解决办法

       Image(
          image: AssetImage("assets/fb_icon.png"),
          width: 180.0,
          height: 250.0,
          fit: BoxFit.cover,
        ),

---

您可以试试其他BoxFit，看看哪一款更适合您

实际上，您应该使用

BoxFit.cover

查看其效果，因为图像的物理高度小于分配给它的物理高度

这是解决办法

       Image(
          image: AssetImage("assets/fb_icon.png"),
          width: 180.0,
          height: 250.0,
          fit: BoxFit.cover,
        ),

---

您可以试试其他BoxFit，看看哪一款更适合您

您是否尝试在图像中调整image-set

fit:BoxFit.fitHeight

？这确实删除了一些间距，但它增加了图像的高度，并且仍然有一些间距需要删除，因此文本正好位于图像下方，没有任何间距@AndreyTurkovsky首先-从

图像

中删除

宽度

和

高度

，然后检查你的fb_icon.png-我认为它可以填充在png图像中。你是否尝试在图像中设置

fit:BoxFit.fitHeight

，这确实删除了一些间距，但它增加了图像的高度，仍然有一些间距，我想删除，所以文本正好在图像下方，没有任何空间@AndreyTurkovsky首先-从

图像

中删除

宽度

和

高度

，然后检查你的fb_icon.png-我认为它可以填充在png图像中-很好的回答/解释。我犯了一个多么愚蠢的错误，你的解释解决了一切，谢谢警官@CopsOnRoad@Llama收到！！！很好的回答/解释。我犯了一个多么愚蠢的错误，你的解释解决了一切，谢谢警官@CopsOnRoad@Llama收到！！！