React Native中图像的分辨率应该是多少？

Question

React Native组件是无单位的，并根据this page表示与密度无关的像素。

然而，当我创建一个图像时，它的理想分辨率应该是多少像素？假设我有这样的标签：

<Image style={{width: 100, height: 100}} source={require('./img/myimage.png')} />

我应该制作多大的图像以确保它在所有设备中呈现良好状态？

Answer 1

在react-native文档中，它说您可以使用后缀@ 2.x和@ 3.x命名图像，以使图像在每个设备上看起来都正确。在您的图片文件夹中，您应该执行以下操作：

    .
├── button.js
└── img
    ├── check.png
    ├── check@2x.png
    └── check@3x.png

另外，请注意不要使用@ 2.x和@ 3.x以外的其他值，因为当您运行./gradlew bundleRelease来构建生产应用程序时，会出现错误，并且完全不会。不能告诉您问题是未重组的后缀。