根據原始尺寸顯示影像我執行以下操作
Image.file(File(fileCreated!.path)),
顯示影像以適應高度和寬度(全屏)我執行以下操作
Image.file(File(fileCreated!.path),fit: BoxFit.cover,height: double.infinity,width: double.infinity,),
好的,它現在是全屏的,但我注意到影像內容的某些缺失部分在螢屏上不再可見,例如寬度和高度的 20 像素,我知道顫振這樣做是為了保持影像質量相同。但我如何忽略這種行為
我怎樣才能全屏顯示影像,以便整個影像部分在螢屏上可見?
我嘗試了以下
height:MediaQuery.of(context).size.height,
width: MediaQuery.of(context).size.width,
無論我改變高度。即使我沒有改變寬度,寬度也會自動改變!!!!
但同樣的結果

編輯:全父
@override
Widget build(BuildContext context) {
return Scaffold(
body: Image.file(File(widget.imageFile,),fit: BoxFit.cover,height: MediaQuery.of(context).size.height,),
);
}
}
uj5u.com熱心網友回復:
您可以使用MediaQuery,但我更喜歡LayoutBuilder在頂部小部件上使用。還要檢查父小部件是否有填充/邊距。
Image.file(
File(fileCreated!.path),
fit: BoxFit.fill,
height:MediaQuery.of(context).size.height,
width: MediaQuery.of(context).size.width,
),
轉載請註明出處,本文鏈接:https://www.uj5u.com/ruanti/522167.html
標籤:扑图片
