I am new to react, picked this library to show user my images from the internet. And the problem I notice is that all lagging very much if I using gif images. I used a custom image component as react-native-fast-image because without it all app starting drop in fps very much, dropping from 60 fps sometimes down to 5. If I open a browser with the normal image as first to show everything working fine, but if the first image from the collection by index picked as a gif all collection with browser lagging now.
UPDATE: I notice actually that if I open first images no matter what format all working ok in browser with normal fps but if I open the last image or in the middle no matter gif or normal image the performance dropping drastically.
UPDATE2: All these issues happening only on android devices and simulator on iPhone everything working fine no matter I use standard Image component or using react-native-fast-image
I am new to react, picked this library to show user my images from the internet. And the problem I notice is that all lagging very much if I using gif images. I used a custom image component as
react-native-fast-image
because without it all app starting drop in fps very much, dropping from 60 fps sometimes down to 5. If I open a browser with the normal image as first to show everything working fine, but if the first image from the collection by index picked as a gif all collection with browser lagging now.my code :
UPDATE: I notice actually that if I open first images no matter what format all working ok in browser with normal fps but if I open the last image or in the middle no matter gif or normal image the performance dropping drastically.
UPDATE2: All these issues happening only on android devices and simulator on iPhone everything working fine no matter I use standard
Image
component or usingreact-native-fast-image
demo: https://streamable.com/l6hykb