以下 Flutter 小部件構建將在螢屏上顯示影像：
@override
Widget build(BuildContext context) {
return Image.asset('assets/images/image.jpg');
}
如何包裝或配置影像以顯示允許溢位螢屏邊界的縮放/縮放版本。到目前為止，我所嘗試的一切都沒有奏效。我想將影像設定為螢屏寬度的 1.25 倍，然后如下圖所示呈現。
uj5u.com熱心網友回復：
我認為這樣的東西可能是你正在尋找的東西。
基本上根據您的螢屏尺寸給出影像的寬度，重要的是要注意它會隨著螢屏尺寸縮放，因此平板電腦可能是手機的問題
@override
Widget build(BuildContext context) {
Size size = MediaQuery.of(context).size;
return Image.asset('assets/images/image.jpg',
width: size.width * 1.25,
);
}
uj5u.com熱心網友回復：
并且您必須設定影像適合屬性，例如填充、覆寫或包含...
uj5u.com熱心網友回復：
將影像包裝在 FittedBox 中并指定影像的fit: BoxFit.cover寬度和高度，使其作業。
@override
Widget build(BuildContext context) {
return FittedBox(
child: Image.asset(
'assets/images/image.jpg',
width: MediaQuery.of(context).size.width * 1.25,
height: 400,
fit: BoxFit.cover,
),
);
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/480537.html