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