关于React-Native的Webp

Question

React-Native文档提到Android上不支持webp，但对IOS没有任何说明。开箱即用它似乎不起作用，但在安装此插件https://libraries.io/npm/react-native-webp后，我可以使用从互联网上下载的图像。

问题是本地文件给我一个错误

  

：＆＃34; {＆＃34;输入＆＃34;：内部错误＆＃34;，＆＃34;消息＆＃34;：＆＃34; react-packager遇到了   内部错误，请检查您的终端错误输出以获取更多信息   细节＆＃34;}

不幸的是＆＃34; react-native log-ios＆＃34;命令只是在那里显示相同的错误。

这是我在安装插件后使用webp文件的方式。

<Image
   source={require('../../assets/icon.webp')}
/>

如何在React-native iOS上使用本地.webp图像？

Answer 1

我建议使用：https://github.com/Aleksefo/react-native-webp-format

在iOS和Android上均可使用。不需要单独导入，您可以将其与标准Image / ImageBackground组件一起使用，例如：

<Image source={require('../../assets/example.webp')} />