如何 manage/add 多个图像 resolution/size 在 flutter 中响应 UI

Question

我有来自不同 dpis 数组的位图图像，如何在 flutter 上正确排列它们？ - 就像将它们放在 Android.

上的 mipmaps 文件夹中一样

Dpi 列表：

• ldpi - 0.75x
• mdpi - 1.0x
• hdpi - 1.5x
• xhdpi - 2.0x
• xxhdpi - 3.0x
• xxxhdpi - 4.0x

Answer 1

您需要做的是按照此 flutter pattern

安排您的图片资源

因此，如果您将 pubspec.yaml 上的图像路径设置为类似以下内容：

flutter:
  assets:
    - images/

您只需要按如下方式安排您的文件：

• images/0.75x/my_icon.png（ldpi 在 0.75x 文件夹内）
• images/my_icon.png（mdpi直接在图片内）
• images/1.5x/my_icon.png（1.5x 文件夹内的 hdpi）
• images/2.0x/my_icon.png（2.0x 文件夹内的 xhdpi）
• 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 会自动分配正确的资产。