Could not find root view for a given ancestor with tag

[federicot]

Description

We are seeing the following crash on Android:

com.facebook.react.bridge.JSApplicationIllegalArgumentException: Could find root view for a given ancestor with tag 3199
    at com.swmansion.gesturehandler.react.RNGestureHandlerModule.tryInitializeHandlerForReactRootView(RNGestureHandlerModule.java:18)
    at com.swmansion.gesturehandler.react.RNGestureHandlerModule.attachGestureHandler(RNGestureHandlerModule.java:1)
    at java.lang.reflect.Method.invoke(Method.java)
    at com.facebook.react.bridge.JavaMethodWrapper.invoke(JavaMethodWrapper.java:18)
    at com.facebook.react.bridge.JavaModuleWrapper.invoke(JavaModuleWrapper.java:2)
    at com.facebook.react.bridge.queue.NativeRunnable.run(NativeRunnable.java)
    at android.os.Handler.handleCallback(Handler.java:869)
    at android.os.Handler.dispatchMessage(Handler.java:101)
    at com.facebook.react.bridge.queue.MessageQueueThreadHandler.dispatchMessage(MessageQueueThreadHandler.java:1)
    at android.os.Looper.loop(Looper.java:206)
    at com.facebook.react.bridge.queue.MessageQueueThreadImpl$4.run(MessageQueueThreadImpl.java:8)
    at java.lang.Thread.run(Thread.java:764)

Screenshots

Steps To Reproduce

I was not able to reproduce it consistently, but it seems to happen after the app goes to foreground.

Package versions

• React: 17.0.1
• React Native: >= 0.64.2
• React Native Gesture Handler: 1.10.3
• React Navigation: 5.14.4

[alexfov]

I have the same problem in production.
"react-native": "0.65.1",
"react-native-gesture-handler": "1.9.0",
"@react-navigation/native": "5.8.10",

[farafonoff]

facing same issue
"react-native": "0.65.1",
"react-native-gesture-handler": "1.9.0"

[sapramit]

Any update on this one. occuring for me as well. Every time I try restarting the app programatically.

"react-native": "0.65.1",
"react-native-gesture-handler": "1.9.0" // Any version actually

[jcdhlzq]

we are also suffering from this problem reported by users online. EXPECTING a solution!

[rdeift]

+1

[ThienNgn]

+1

[systemride]

We are also seeing this with:

"react-native": "0.66.1",
"react-native-gesture-handler": "1.8.0",

[aleksandr-senichev]

+1

[leofolive]

+1

[stephenkopylov]

+1

com.facebook.react.bridge.JSApplicationIllegalArgumentException: Could find root view for a given ancestor with tag 6343
        at com.swmansion.gesturehandler.react.RNGestureHandlerModule.tryInitializeHandlerForReactRootView(RNGestureHandlerModule.java:18)
        at com.swmansion.gesturehandler.react.RNGestureHandlerModule.attachGestureHandler(RNGestureHandlerModule.java:1)
        at java.lang.reflect.Method.invoke(Method.java:-2)
        at com.facebook.react.bridge.JavaMethodWrapper.invoke(JavaMethodWrapper.java:18)
        at com.facebook.react.bridge.JavaModuleWrapper.invoke(JavaModuleWrapper.java:13)
        at com.facebook.react.bridge.queue.NativeRunnable.run(NativeRunnable.java:-2)
        at android.os.Handler.handleCallback(Handler.java:883)
        at android.os.Handler.dispatchMessage(Handler.java:100)
        at com.facebook.react.bridge.queue.MessageQueueThreadHandler.dispatchMessage(MessageQueueThreadHandler.java:1)
        at android.os.Looper.loop(Looper.java:214)
        at com.facebook.react.bridge.queue.MessageQueueThreadImpl$4.run(MessageQueueThreadImpl.java:8)
        at java.lang.Thread.run(Thread.java:919)

[wemow]

Same issue here too
"react-native": "0.66.1",
"react-native-gesture-handler": "^1.10.3",

[anatooly]

Same issue here too
"react-native": "0.66.1",
"react-native-gesture-handler": "^1.10.3",

[systemride]

This may not really be a fix, but we found a workaround for this that is working well for us. We are using:

"react-native": "0.66.1",
"react-native-gesture-handler": "1.8.0",

1. Remove the Override in MainActivity.java:

-  @Override
-  protected ReactActivityDelegate createReactActivityDelegate() {
-    return new ReactActivityDelegate(this, getMainComponentName()) {
-      @Override
-      protected ReactRootView createRootView() {
-       return new RNGestureHandlerEnabledRootView(MainActivity.this);
-      }
-    };
-  }

2. Add the GestureHandlerRootView to your app.

+ import { GestureHandlerRootView } from "react-native-gesture-handler";

...

+ <GestureHandlerRootView style={{ flex: 1 }}>
+   <App/>
+ </GestureHandlerRootView>

3. This step might not be necessary and probably not recommended by the library authors, but we also forked our own version and made the following changes to RNGestureHandlerModule.java:

- throw new JSApplicationIllegalArgumentException("Could find root view for a given ancestor with tag "
              + ancestorViewTag);

... and just return instead of throwing. Honestly we're not exactly sure of the ramifications of this, but the app seems to behave normally in this scenario.

+ return;

[federicot]

@systemride Thanks for sharing. Are you also using codepush?