React Native中图像应该使用什么分辨率？

Question

7

React Native组件是无单位的，根据此页面表示密度独立像素。

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

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

如何才能确保图片在所有设备上都能呈现得很好？那么应该把我的图片做成多大呢？

- laurent

请查看此答案：https://dev59.com/I1wX5IYBdhLWcg3wlwaQ#42971004 它对我在图像和字体的响应式大小方面帮助很大。 - ArchNoob

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Pedro Henrique Bufulin · Accepted Answer

在react-native文档中，它说你可以使用后缀@2.x和@3.x来命名你的图片，以使图片在每个设备上看起来正确。在你的图片文件夹中，你应该这样做：

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

此外，请注意不要使用除@2.x和@3.x之外的其他值，因为当您运行 ./gradlew bundleRelease 来构建您的生产应用程序时，它将会出现错误，并且它并没有明确告诉您问题是未被识别的后缀。