如何在 flutter 中管理/添加多个图像分辨率/尺寸以实现响应式 UI

Question

我有来自一系列不同 dpi 的位图图像，如何在 flutter 上正确排列它们？- 就像将它们放在 Android 上的 mipmaps 文件夹中一样。

分辨率列表：

• LDPI - 0.75x
• mdpi - 1.0x
• 高清 - 1.5 倍
• xhdpi - 2.0x
• xxhdpi - 3.0x
• xxxhdpi - 4.0x

Answer 1

您需要做的就是按照这种颤振模式排列您的图像资源

因此，如果您将图像路径设置为pubspec.yaml：

flutter:
  assets:
    - images/

您只需按如下方式排列文件：

• images/0.75x/my_icon.png（0.75x文件夹内的ldpi）
• images/my_icon.png（mdpi 直接在图像内）
• images/1.5x/my_icon.png（1.5x文件夹内的hdpi）
• images/2.0x/my_icon.png（xhdpi 在 2.0x 文件夹内）
• images/3.0x/my_icon.png（3.0x 文件夹内的 xxhdpi）
• images/4.0x/my_icon.png（4.0x文件夹内的xxxhdpi）

并且当你使用Image.asset("images/my_icon.png")flutter 时会自动分配正确的 asset。