在React Native中,图像的分辨率应该是多少?

13 浏览
0 Comments

在React Native中,图像的分辨率应该是多少?

React Native组件是无单位的,根据这个页面表示密度无关的像素。\n然而,当我创建一个图片时,它的理想分辨率应该是多少像素?假设我有一个像这样的标签:\n\n为了确保图片在所有设备上渲染良好,我应该将图片做多大?

0
0 Comments

在React Native的文档中,它提到可以使用后缀名.x和.x来命名图片,以确保图片在每个设备上都显示正确。在你的图片文件夹中,你应该这样做:

    .
├── button.js
└── img
    ├── check.png
    ├── check.png
    └── check.png

此外,请务必不要使用除.x和.x以外的其他值,因为当你运行./gradlew bundleRelease来构建生产应用时,会出现错误,但并没有清楚地告诉你问题是后缀名不被识别。

谢谢你的答复!这里提供了文档链接,可能会有帮助 🙂

链接在这里:reactnative.dev/docs/images#static-image-resources

根据以上内容,我们可以得出以下问题的原因和解决方法。

问题的原因:根据React Native文档,为了确保图片在每个设备上都正确显示,可以使用后缀名.x和.x来命名图片。然而,如果在图片文件夹中使用了其他值的后缀名,当运行./gradlew bundleRelease构建生产应用时,会出现错误。

解决方法:在图片文件夹中,使用后缀名.x和.x来命名图片,以确保图片在每个设备上都正确显示。同时,避免使用其他值的后缀名,以免在构建生产应用时出现错误。可以参考React Native的官方文档:reactnative.dev/docs/images#static-image-resources

0