ImageBackground in TouchableNativeFeedback is crashing

• I have reviewed the documentation
• I have searched existing issues
• I am using the latest React Native version

Environment

Environment: OS: macOS High Sierra 10.13.3 Node: 9.9.0 Yarn: 1.5.1 npm: 5.6.0 Watchman: 4.9.0 Xcode: Xcode 9.2 Build version 9C40b Android Studio: 3.0 AI-171.4443003

Packages: (wanted => installed) react: ^16.3.0-alpha.1 => 16.3.0-alpha.3 react-native: 0.54.2 => 0.54.2

Steps to Reproduce

<TouchableNativeFeedback onPress={() => {console.log('clicked')}}>
  <ImageBackground source={{uri: <url to any image>}} style={{ width: 300, height: 100}} />
</TouchableNativeFeedback>

and try to click it

Expected Behavior

It’ll print “clicked” in logcat

Actual Behavior

It won’t react to a click as expected and crashing with “Trying to send to a non-existing view with a tag <number>” error

[FlaviooLima]

This only happens in the following case:

<TouchableNativeFeedback>
    <ImageBackground source={require("../image.png")} style={{ width: 300, height: 200 }}>
    </ImageBackground>
</TouchableNativeFeedback>

Hot Fix:

<TouchableNativeFeedback>
    <View>
      <ImageBackground source={require("../image.png")} style={{ width: 300, height: 200 }}>
      </ImageBackground>
    </View>
</TouchableNativeFeedback>

react-native: 0.53.3

[dulmandakh]

I’m running it on Emulator running Oreo and Samsung S8 running Oreo.

Nesting ImageBackground in TouchableWithoutFeedback and TouchableOpacity, which I chose for workaround.