React-Native 上的 Webp

Question

React-Native 文檔提到 Android 不支持 webp，但沒有提及 IOS。 開箱即用，它似乎不起作用，但在安裝此插件https://libraries.io/npm/react-native-webp 后，我可以使用從互聯網下載的圖像。

問題是本地文件給我一個錯誤

: "{"type":InternalError","message":"react-packager 遇到內部錯誤，請檢查您的終端錯誤輸出以獲取更多詳細信息"}

不幸的是，“react-native log-ios”命令僅在那里顯示相同的錯誤。

這就是我在安裝插件后使用 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')} />