React Native中图像的分辨率应该是什么？

Question

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

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

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

我应该将我的图像放大多少以确保在所有设备上都能很好地呈现？

Answer 1

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

    .
├── button.js
└── img
    ├── check.png
    ├── [email protected]
    └── [email protected]

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