Unable to locate view on native tree

[TylerNRobertson]

• Review the documentation: https://facebook.github.io/react-native
• Search for existing issues: https://github.com/facebook/react-native/issues
• Use the latest React Native release: https://github.com/facebook/react-native/releases

Environment

Environment:
OS: macOS High Sierra 10.13.4
Node: 8.11.3
Yarn: 1.6.0
npm: 5.6.0
Watchman: 4.9.0
Xcode: Xcode 9.4.1
Android Studio: 3.1

Packages: (wanted => installed)
react: 16.3.1 => 16.3.1
react-native: 0.55.4 => 0.55.4

Description

I have no idea what triggers this problem. This only started to happen to me once I put an image inside of a TouchableOpacity. I understand that TouchableOpacity is an Animated.View but this should still not cause this error(or at least I believe it shouldn't).

Reproducible Demo

Cannot provide a code sample or example project at this time. But here is a GIPHY of what happens.
Error Message: Invariant Violation: Invariant Violation: Unable to locate attached view in the native tree

[react-native-bot]

Please use Stack Overflow for this type of question.

[dihan]

@TylerNRobertson Do you have a link to the Stack Overflow page or find a solution?

[raphaelrk]

I've been running into this for the past few days. Users will open our app and it will crash almost immediately, I think upon loading an Animated.Image, but I can't reliably reproduce it. Can't find anything anywhere on this issue or how to fix this.

The line of code it breaks on:

    // source is a local file uri
    // sourceOpacity is an Animated.Value
    {source &&
      <Animated.Image
        source={source}
        style={{ width: '100%', height: '100%', opacity: sourceOpacity }}
        {...otherProps}
      />}

The error message:

I also have sentry logs of the issue that I can share with anyone trying to fix it.

[raphaelrk]

@hramos would it be possible to post a self-answered StackOverflow question if you know what the solution to this issue is, or comment with some more information on what causes the above error message? There's also a stackoverflow post at here but without a good answer.

Edit: looking at the react native source, seems this is raised here. Perhaps my source && mounting/dismounting is causing an issue?