view recycling and "prepare for reuse"

[farfromrefug]

On iOs and android we use "prepare for reuse" to make sure a view is ready to be reused.
The simplest example is Image if there were an image already loaded and you set a new image that wont load (network error or such), you end with a view with the image for another cell.

Is there any way in your lib to set the image to "null" before it is reused?

Thanks

[naqvitalha]

You can always call setNativeProps directly on the ref of the image in componentWillReceiveProps. That should do.

[farfromrefug]

@naqvitalha thanks i ll try!

[naqvitalha]

Close the issue if it worked.

[naqvitalha]

Inactive for a while. Closing.

[hovox]

Hey @naqvitalha .
It's not working for me. It renders old image, then updates with new one.
Here is a componentWillReceiveProps code:

  componentWillReceiveProps() {
    this.img && this.img.setNativeProps({ source: null });

    // console.warn("componentWillReceiveProps img: " + this.img.source);
    // this.img && this.img.setNativeProps({ source: null });
  }

[hovox]

I wander if there is an example with images ?

[hovox]

@naqvitalha are you using with disableRecycling={true} ?

[farfromrefug]

@naqvitalha sorry for not responding. Dropped react-native as it was not good enough.
Sorry

[naqvitalha]

@hovox Try this.img.setNativeProps({ opacity: 0 }). Toggle opacity.
You can check this sample https://snack.expo.io/@naqvitalha/rlv-demo