image - 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要构建您的生产应用程序，它会得到一个错误，并且它不会告诉您问题是无法识别的后缀。