我需要一些全屏图像来制作 React Native 应用。我应该坚持什么尺寸？我是否应该为不同的分辨率添加多个图像，例如宽度 320 之一、宽度 480、720、920、1280、1920 等之一，并根据Dimensions.get 输出选择它们？如果是这样，我应该包括哪些尺寸？或者也许我不需要那么多图像并且坚持使用平均分辨率的图像仍然可以？选择图片大小的最佳做法是什么？
【问题讨论】：
标签： image react-native
要提供的图像大小取决于您从Dimensions、pixelRatio 和NetInfo 获得的数据。
假设普通的 iPhone 宽度是 320。如果你得到了，pixelRatio 是 2，如果你想让图像清晰，那么提供 720 是有意义的。这是确定大小的数学基础。
最重要的是，如果网络不合适，检查NetInfo.isConnectionExpensive() 并降低质量是有意义的。
我认为处理此问题的一个好方法是使用 3-4 种基本图像尺寸 - 小、中、大、超大（覆盖平板电脑）并相应地使用它们。
【讨论】：
文档描述了，如果您使用静态资源，您可以将图像放置在 JS 结构中您想要的位置，并且可以使用 @2 和 @3 后缀来支持不同的像素密度：https://reactnative.dev/docs/images#static-image-resources
其余的将由 reactnative 处理（即使真的只需要导入图像。
但我也想知道什么是提供良好解决方案的良好起点。 也许有人有其他建议，从默认密度开始的最高分辨率，以及用于 @2 和 @3 后缀的分辨率。
【讨论】：