如何为 ios、android 和 web 添加不同分辨率的图像？

Posted 2023-02-23

【中文标题】如何为 ios、android 和 web 添加不同分辨率的图像？

【英文标题】：How to add different resolution image in flutter for ios,android and web?

【发布时间】：2019-07-01 20:31:20

【问题描述】：

我正在尝试在 ios 和 android 上部署我的应用程序。我正在阅读以下文档https://flutter.io/docs/development/ui/assets-and-images，但我并不完全理解

我不明白的是，根据 iOS 人类指南https://developer.apple.com/design/human-interface-guidelines/ios/icons-and-images/image-size-and-resolution/，我需要 1x、2x 和 3x 图像吗？ 以及适用于 android 的不同密度图像

这也不会在发布时增加 apk 或 ipa 的大小，因为 android 包含 iOS 分辨率图像，反之亦然。

我正在浏览 Flutter 示例和一些 Flutter 开源项目，似乎每个人都只在 iOS 和 Android 上使用了一张图片。

如何为 iOS 和 android 的图像构建 assets 文件夹并包含在 pubspec.yaml 中？

【参考方案1】：

目前没有直接支持每个平台的不同资产，因此您只需添加一次，相同的图像将用于 Android 和 iOS。

【讨论】：

这有点可惜，但安卓和iOS有很大不同，需要不同密度的图像，所以有可能被App Store拒绝。如果我将 iOS 图像添加到我的 Flutter 应用程序中，Flutter 是否会在 Android 或 Web 上同样出色地渲染它们

到目前为止这还不是问题，所以我认为 Flutter 会小心的。我主要只针对 Android。

正在进行工作github.com/flutter/flutter/pull/25487，但我认为资产将被选择性地添加到构建输出中，以仅包含与平台匹配的内容。