图像比例类型的中心裁剪是否在颤动上? [英] Image Scale type center crop on flutter?

问题描述

我正在尝试执行与Android ImageView中的centerCrop属性类似的操作. 设置imageview的高度，使其裁剪并与中心对齐，就像centerCrop在Android上一样.

I'm trying to do something similar to centerCrop property from android ImageView. Setting the height of the imageview, and making it crop and align to center, just as centerCrop works on 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'])
        ]
    )
);

}

@override
      Widget build(BuildContext context) {
        return new Scaffold(
            appBar: new AppBar(
              title: new Text("Parties"),
            ),
            body: new ListView.builder(
              itemCount: _parties == null ? 0 : _parties.length,
              itemBuilder: bindItem,
            )
        );
      }

结果:

推荐答案

Android ScaleType和BoxFit应该这样匹配:

Android ScaleType and BoxFit should match like this:

1. CENTER =无
2. CENTER_CROP =封面
3. CENTER_INSIDE = scaleDown
4. FIT_CENTER =包含(alignment.center)
5. FIT_END =包含(alignment.bottomright)
6. FIT_START =包含(alignment.topleft)
7. FIT_XY =填充

因此，您应该使用Cover来获得CENTER_CROP结果.

So you should use Cover to achieve the CENTER_CROP result.

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

The problem should be crossAxisAlignment of the Column widget. Setting this property to crossAxisAlignment: CrossAxisAlignment.stretch should fix your issue.

这篇关于图像比例类型的中心裁剪是否在颤动上?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！