Android is unresponsive

[timoisalive]

I cannot get any gesture responding on Android, whereas iOS responds as expected.

I've created a test project with Expo (latest SDK 44) and executed expo install react-native-gesture-handler.

When I run the project on iOS (simulator and device), the taps log as expected. On Android (emulator and device) I get no logs.

What I am not getting...?

import { StyleSheet, View } from "react-native";
import "react-native-gesture-handler";
import {
  Gesture,
  GestureDetector,
  TapGestureHandler,
} from "react-native-gesture-handler";

export default function App() {
  return (
    <View style={styles.container}>
      <GestureDetector
        gesture={Gesture.Tap().onBegin(() => console.log("GestureDetector onBegin"))}
      >
        <View style={{ width: 300, height: 300, backgroundColor: "blue" }} />
      </GestureDetector>

      <TapGestureHandler
        onBegan={() => console.log("TapGestureHandler onBegan")}
      >
        <View style={{ width: 300, height: 300, backgroundColor: "red" }} />
      </TapGestureHandler>
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: "#fff",
    alignItems: "center",
    justifyContent: "center",
  },
});

[timoisalive]

Ok, found the problem, I hadn't wrapped the app in GestureHandlerRootView.

It might be a good idea to mention this wrapper in the "Get started" section of the documentation. It is now mentioned only in the "Introduction", among the library installation instructions.

Also, it is interesting that the library works without the GestureHandlerRootView on iOS. Maybe the library could print a warning when it is being used without the expected root view!