support for resizeMethod

Hi,

I have a list of rather large images, and I want smooth scroll behavior. If I use react native’s Image with resizeMethod set to resize, I get a performance boost over FastImage but I lose the caching and loading optimizations of FastImage. Is there a reason why FastImage doesn’t support resizeMethod prop?

thanks.

[mralj]

I haven’t tried forked version, but I have applied “dirty fix” in FastImageViewManager.java Just for test I have changed this line .apply(FastImageViewConverter.getOptions(source)) to .apply(FastImageViewConverter.getOptions(source).override(600, 400) )

And on performance was night and day. I was testing feed feature with a lot of images, and it was crashing on the first “page” on Galaxy S6 edge. After changing single line as described above, not only that it wasn’t crashing anymore, but I could scroll like crazy and everything was working 👌

So I really think @adammcarth’s PR should get merged. 🤞

In the mean time, switching from FastImage to regular Image also fixed issue (but performance wise solution described above was better). My image component looks like this now:

 <Image
            style={style.media}
            source={{ uri: backgroundImage }}
            source={{ uri: backgroundImage, cache: "force-cache" }}
            resizeMode={"cover"}
            resizeMethod={"resize"} // <-------  this helped a lot as OP said
            progressiveRenderingEnabled={true} <---- as well as this 
          />

[adammcarth]

Alright, for anyone else having this issue - I’d suggest making sure you’re running at least version 5.1.0. We were running version 4.0.14, and the upgrade alone seemed to dramatically improve performance from unusable to acceptable. This is (I suspect) largely due to the upgraded major version of Glide.

For those still experiencing problems on Android with large down-sized images, I’ve created a fork of the latest version which introduces a new prop to manually downsize images before they’re loaded into the RAM. The only caveat is that you must know the exact resolution that you want to downsize to.

Usage Example:

<View style={{ width: 450, height: 275 }}>
  <FastImage
    source={{ uri: 'http://example.com/huge-image-3600x2200.png' }}
    resizeMode="contain"
    resizeImageAndroid={{ width: 450, height: 275 }} // <-------
  />
</View>

I’ll submit this as a PR too, no guarantees if it’ll be accepted though.