如何在本机中支持WebP图像？

Question

我必须.WebP在我的react-native应用程序中显示图像扩展图像.我正在iOS上运行它并没有显示任何图像.我用谷歌搜索并发现一些信息说webP图像不支持在iOS上,需要使用库或必须编写扩展来支持它.我使用这个react-native库来支持webP.不过,我还没有得到.有人可以就此提出建议吗？怎么做？

注意:请不要将其标记为重复.我已经检查过StackOverflow并没有找到答案.该问题可能类似于webp images problem-stackoverflow

Answer 1

我能够使用链接的媒体文章和存储库向我的 React Native 应用程序添加 WebP 支持

\n\n

\n
1. yarn add TGPSKI/react-native-webp-support
\n
2. 在 Xcode 中打开您的项目
\n
3. 添加WebP.framework并WebPDemux.framework从 node_modules/react-native-\nwebp-support/ 到您的项目文件（右键单击您的项目并选择“添加\n文件到...”）
\n
4. 将WebP.framework和添加WebPDemux.framework到主项目目标的“常规”选项卡中的链接框架和\n库
\n
5. 将 \xe2\x80\x9c$(SRCROOT)/../node_modules/react-native-webp-support\xe2\x80\x9d 添加到\n框架搜索路径，位于主项目目标的\n构建设置选项卡中
\n
6. 将 $(SRCROOT)/../node_modules/react-native-webp-support 添加到您的标头 \n搜索路径，位于主项目目标的“构建设置”选项卡中
\n
7. ReactNativeWebp.xcodeproj从 node_modules/react-native-webp-support/添加到\n您的项目文件（右键单击您的项目并选择“将文件添加到...”）
\n
8. 添加libReactNatveWebp.a到“链接二进制文件与库”步骤，位于\n主项目目标的“构建阶段”选项卡中
\n
9. 构建新的二进制文件，并使用 .webp 格式的图像
\n

\n\n

https://medium.com/@tgpski/react-native-webp-reducing-bundle-binary-sizes-increase-speed-with-webp-image-format-aa9b1aa11405

\n\n

https://github.com/TGPSKI/react-native-webp-support

\n