时间戳

首页 > 解决方案 > 放入 Stack 小部件 Flutter 时图像会缩小

flutter - 放入 Stack 小部件 Flutter 时图像会缩小

问题描述

我期望的用户界面是让图像占据全宽并在其上放置一个文本。所以我是一个堆栈小部件，但它会缩小并且不会占用完整的宽度。

        body: ListView(

        children: [
          Stack(
   
            children: [
              Container(
                child: Image(
                     height:120.0,
                     
                  image: AssetImage('images/business.jpg'),
                ),
              ),
              Text("Business",style: TextStyle(fontSize: 30.0),)
            ],
          )
        ])

输出

标签： flutterflutter-layout

解决方案

ListView首先，我认为从查看您的代码来看，我认为不需要小部件。删除它并实现您正在寻找的内容，将以下属性添加到Image小部件

fit: BoxFit.cover,
height: double.infinity,
width: double.infinity

所以最终版本应该是这样的：

Image(
     fit: BoxFit.cover,
     height: double.infinity,
     width: double.infinity

     image: AssetImage('images/business.jpg'),
     ),

推荐阅读