【发布时间】：2021-09-03 02:42:11
【问题描述】：
我们是 react-native 0.64.0。
在我们的应用中将所有图像转换为 webp 后出现问题。
问题是webp格式的图片有时候渲染不正常，只显示空白区域。
该问题仅显示 iOS，我认为仅发生 1% 的随机图像。
有人遇到过这个问题吗？
【问题讨论】：
标签： javascript reactjs image react-native webp
【发布时间】：2021-09-03 02:42:11
【问题描述】：
在将应用程序资产从 png 交换为 webp 后，我遇到了同样的问题，这是 android 以非常低的质量显示大小超过 2048 像素的资产的要求：RN 0.57.x Bundled large images have low quality when viewing using component with 1:1 AR on Android。
我几乎尝试了一切来防止这种行为：为每个资产定义固定的widths 和heights，添加不同的resizeModes，在一些初始化状态后显示图像，但没有任何帮助。该问题仅在发布模式下的 iOS 上发生，非常频繁 - 但不可重现。
我尝试从 RN 0.64.0 升级到 0.64.2，但对该问题没有任何改变。到目前为止，我能找到的唯一解决方法是切换回 png 或从网络加载资产，但我不知道这是否适合您。
【讨论】：
-
我将所有图像组件更改为 react-native-fast-image 并应用了 sdwebimage webp 插件，它可以工作了！谢谢。