Android 图像缩放类型中心裁剪在颤振上?

Android 图像缩放类型中心裁剪在颤振上?,android,flutter,Android,Flutter,我正在尝试从android ImageView中执行类似于centerCrop属性的操作。 设置imageview的高度,并使其裁剪并对齐到中心,就像centerCrop在android上工作一样 Widget bindItem(BuildContext context, int index) { return new Card( child: new Column( children: <Widget>[ new Image.netwo

我正在尝试从android ImageView中执行类似于centerCrop属性的操作。 设置imageview的高度,并使其裁剪并对齐到中心,就像centerCrop在android上工作一样

 Widget bindItem(BuildContext context, int index) {
return new Card(
    child: new Column(
        children: <Widget>[
          new Image.network(
            _parties[index]["cover"], fit: BoxFit.fitWidth,
            height: 120.0,
          ),
          new Text(_parties[index]['name'])
        ]
    )
);
结果:

Android ScaleType和BoxFit应如下匹配:

  • 中心=无
  • 中心作物=覆盖层
  • 内部中心=向下缩放
  • 安装\中心=包含(对齐.中心)
  • 安装端=包含(对齐。右下角)
  • 安装\开始=包含(对齐。左上角)
  • FIT_XY=填充
  • 因此,您应该使用“覆盖”来实现中心裁剪效果

    编辑:

    问题应该是Column小部件的crossAxisAlignment。 将此属性设置为crossAxisAlignment:crossAxisAlignment.stretch可以解决您的问题。

    new Column(
    
    new Column(
            crossAxisAlignment: CrossAxisAlignment.stretch,
            mainAxisSize: MainAxisSize.max,
            children: <Widget>[
            new Expanded(child: new Image.network(
                cover.img,fit: BoxFit.fitWidth,
            ),
    
            ),
            Text(cover.name),
          ]
        )
    
    crossAxisAlignment:crossAxisAlignment.stretch, mainAxisSize:mainAxisSize.max, 儿童:[ 新扩展(子项:new Image.network)( 封面。img,尺寸:BoxFit.fitWidth, ), ), 文本(封面名称), ] )
    这对我很有用

    新中心(
    
    new Center(
                      child: Container(
                        child: new Stack(
                          children: <Widget>[
                            new Image.asset(
                              'assets/images/firebase1.png',
                              width: 100.0,
                              height: 100.0,
                            ),
                          ],
                        ),
                      ),
                    ),
    
    子:容器( 子:新堆栈( 儿童:[ 新形象资产( “assets/images/firebase1.png”, 宽度:100.0, 高度:100.0, ), ], ), ), ),
    请将以下宽度和高度添加到图像中

    height: double.infinity, 
    width: double.infinity,`
    
    注意:我们正在缩放图像

    height: double.infinity, 
    width: double.infinity,`
    

    你能给我看一下结果和预期结果的图像吗?我认为您的父布局有问题,而不是图像本身。当前输出:预期:,当我将图像作为卡片子项添加时,它可以工作,但如果卡片子项是列,则无法在下添加文本。一切都在列表视图下,我已经更新了代码。谢谢尝试在列小部件上使用“crossAxisAlignment:crossAxisAlignment.stretch”属性。我测试了一下,似乎有效。