如何在 flutter 應用程序中管理 android 和 ios 的圖像分辨率？

Question

在原生 ios 和原生 android 中，可以使用 1x、2x、3x 圖像和 mdpi、xdpi 等圖像尺寸。 對於 flutter 應用程序，如何管理這個？

如果我使用所有這些尺寸，應用程序的大小將會很大並且也很難管理。 否則，如果我僅對不同的設備尺寸使用 1x 尺寸，它將被縮小或模糊。

誰能建議我解決這個問題？

更新的問題：對於每個圖像，我可以要求我的 UI/UX 設計師為 ios 和 android 提供哪些尺寸？

Answer 1

如果您不使用互聯網，請將 png 或 jpg 轉換為 webp，因為它的大小比其他文件小。 這對您來說可能是一個很好的解決方案。

Answer 2

您有離線圖像或從網絡加載。 您只需要在屏幕尺寸上管理它。

您可以為圖像或父小部件提供自定義高度和寬度，以顯示相應的屏幕分辨率。

這是獲取寬度和高度的不同方法。

獲取width很容易，但height可能很棘手，以下是處理height的方法

// Full screen width and height
double width = MediaQuery.of(context).size.width;
double height = MediaQuery.of(context).size.height;

// Height (without SafeArea)
var padding = MediaQuery.of(context).padding;
double height1 = height - padding.top - padding.bottom;

// Height (without status bar)
double height2 = height - padding.top;

// Height (without status and toolbar)
double height3 = height - padding.top - kToolbarHeight;

您可以使用 width /2或/3作為圖像的寬度，也可以使用相同的高度。 它也適用於 Android、iOS 或其他平台。

如果您有任何問題，請告訴我。