Flutter - 图像占据整个屏幕宽度

Question

在详细信息页面中，我想要一张图像在最顶部占据整个可用宽度。这是我的代码:

@override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Stack(
        children: <Widget>[

          Container(
           child: Column(
            children: <Widget>[
              Container(
                width: double.infinity,
                child: Image.asset(
                  this.imageLink,
                ),
              )
            ],
          ),
        ),
     ),
);

问题是:使用模拟器，结果正是我想要的:

但是当我在真实手机 (Galaxy S8 Plus) 上启动该应用程序时，会出现一些填充(顶部、左侧和右侧)并且图像不适合屏幕宽度。

这意味着我尝试使用代码的方式不正确。

问题出在哪里？

Answer 1

我认为原因是图像的原始 width 等于或大于模拟器的宽度，并且小于您的三星 S8+ 宽度，您需要使用

Image.asset(
  this.linkImage,
  width: double.infinity,
  fit: BoxFit.cover,
),