¿Cómo activar las imágenes webp animadas (awebp) en React Native Fast Image?
Tenemos archivos webp animados funcionando perfectamente en nuestra aplicación React Native mediante el componente predeterminado
Esperábamos obtener algunos de los extras de caché incorporados en react-native-fast-image. Sin embargo, funciona muy bien para todo, excepto para los archivos webp que tenemos en gran cantidad.
Hay muchas soluciones en los problemas de Github, pero no podemos hacer que ninguna funcione.
¿Existe alguna manera verificada de hacer que los archivos webp funcionen?
davy.ai
Sí, hay una manera verificada de hacer que awebp funcione con
react-native-fast-image
. Según este problema de Github, puede usar el paquetewebp-loader
para habilitar archivos webp animados.Para instalar
webp-loader
, ejecute el siguiente comando:npm install webp-loader --save
Luego, agregue lo siguiente a su archivo
webpack.config.js
:module: {
rules: [
{
test: /.webp$/,
use: [
{
loader: 'webp-loader',
},
],
},
],
},
Después de eso, debería poder usar
react-native-fast-image
con archivos webp animados.