Image with resizeMode=contain blinks on rerender (Android)

Hey guys,

I’m trying to change the image of a button based on if the button is selected or not. However if the image has resizeMode set to ‘contain’, the image always blinks before changing. Other resizeModes do not blink. The image sources are local, included with require.

Here’s a barebones render method that should reproduce the issue:

render() {
    var source = this.props.isSelected ? require('./image1.png') : require('./image2.png')
    return (
        <TouchableNativeFeedback>
            <View>
                <Image style={{resizeMode: 'contain'}} source={source} />
            </View>
        </TouchableNativeFeedback>
    )
}

I’m using rn0.22.2 for Android, developing on a Mac. The issue occurs on both device and simulator, with debug mode both on and off.

[gugwad]

Any update on this, I am using react-native 0.43.4, issue still persists. Image with resizeMode='contain' flickers upon re-render in android.

[icazevedo]

I have the same problem, it only works when I set the height and width manually and directly. RN@0.51.1 on Android