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

Question

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

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

Answer 1

我能够使用链接的媒体文章和repo为我的本机应用程序添加webp支持

1. yarn add TGPSKI/react-native-webp-support
2. 在Xcode中打开您的项目
3. 将node_modules / react-native- webp-support /中的WebP.framework和WebPDemux.framework添加到项目文件中（右键单击您的项目并选择“Add Files to ...”）
4. 将WebP.framework和WebPDemux.framework添加到主项目目标的“常规”选项卡中的“链接的框架和库”中
5. 将“$（SRCROOT）/../ node_modules / react-native-webp-support”添加到框架搜索路径中，该路径位于主项目目标的“构建设置”选项卡中
6. 将$（SRCROOT）/../ node_modules / react-native-webp-support添加到主项目目标的Build Settings选项卡中的Header Search Paths
7. 将node_modules / react-native-webp-support /中的ReactNativeWebp.xcodeproj添加到项目文件中（右键单击您的项目并选择“Add Files to ...”）
8. 将libReactNatveWebp.a添加到Link Binary with Libraries步骤，该步骤位于主项目目标的Build Phases选项卡中
9. 构建一个新的二进制文件，并使用.webp格式的图像

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

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