我正在尝试执行类似于 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'])
]
)
);
}
@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 应该像这样匹配:
Ex :-
Image.asset('assets/images/your_image.png',fit: BoxFit.fill)
所以你应该使用 Cover 来实现 CENTER_CROP 结果。
编辑:
问题应该是 Column 小部件的 crossAxisAlignment
。
将此属性设置为 crossAxisAlignment: CrossAxisAlignment.stretch
应该可以解决您的问题。
关于android - flutter 上的图像比例类型中心裁剪?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49120168/
相关文章:
flutter - 按下按钮时如何在 Flutter 上更改文本样式
android - 如何在 Flutter 中让 Android 状态栏变亮
ios - flutter IOS : CocoaPods could not find compa
flutter - 如何在 Flutter 中调整 IconButton 的大小(高度和宽度)
flutter - 如何处理在 flutter 中动态创建的复选框列表?
android - 如何在 Flutter 中为文本创建气泡? (WhatsApp 用户界面)
flutter - 为什么某些变量在 flutter 自定义类中标记为最终变量?