Pressable doesn't work on android but works on ios and web

[Mancitiss]

Description

Pressable doesn't work on android (works in ios and web). see snack below
https://snack.expo.dev/@mancitiss/react-native-gesture-handler-pressable-not-working-on-android?platform=android

Steps to reproduce

1. npx create-expo --example blank
2. cd blank
3. npm install
4. edit blank/app/(tabs)/index.tsx, replace everything with just this

import { Text } from 'react-native';
import React from 'react';
import { GestureHandlerRootView, Pressable } from 'react-native-gesture-handler';

export default function HomeScreen() {
  const [count, setCount] = React.useState(0);
  return (
      <GestureHandlerRootView style={{ flex: 1 }}>
        <Pressable onPress={() => setCount((c) => c + 1)} style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
          <Text>{count}</Text>
        </Pressable>
      </GestureHandlerRootView>
  );
}

5. npm run start
6. open expo go on android phone and connect to the app
7. tap the screen.

expected behavior: the number goes up
ios, web: the number goes up
android: the number doesn't go up

8. test with react-native Pressable:

import { Text } from 'react-native';
import React from 'react';
import { Pressable } from 'react-native';

export default function HomeScreen() {
  const [count, setCount] = React.useState(0);
  return (
        <Pressable onPress={() => setCount((c) => c + 1)} style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
          <Text>{count}</Text>
        </Pressable>
  );
}

all platforms work.

A link to a Gist, an Expo Snack or a link to a repository based on this template that reproduces the bug.

https://snack.expo.dev/@mancitiss/react-native-gesture-handler-pressable-not-working-on-android?platform=android

Gesture Handler version

~2.28.0

React Native version

0.79.0 + 0.81.5

Platforms

Android

JavaScript runtime

None

Workflow

Using Expo Go

Architecture

None

Build type

None

Device

Real device

Device model

Galaxy A13 (Android 12)

Acknowledgements

Yes

[Cnordbo]

I can confirm that this does not work on Android for me neither.
None of the on*() works -

https://snack.expo.dev/@cnordbo/react-native-gesture-handler-pressable-not-working-on-android

OS/Phone - Android 8 (Galaxy 7 Edge)

Expo 54.0.32
RNGH 2.28.0

Works with the React-Native/pressable.

[Cnordbo]

Could it be a compatibility issue? I just booted up the emulator (Pixel 9, Android 15) instead of a device running Android 8 (i think, the test device just literally died on me a day ago). And it works on the Android 15.

[DragomirAndrei19]

Happens to me too, Android & physical device - Samsung Galaxy A54, Android 16 (One UI 8.0)

This is quite a serious problem.

[m-bert]

Hi @Mancitiss! I've just created new React Native (0.81.5) app with Gesture Handler 2.30.0 and this reproduction seems to work fine. Could you share exact version of Gesture Handler? By that I mean output of either

yarn why react-native-gesture-handler

or

npm ls react-native-gesture-handler

depending on your package manager.

Also any additional information would be great, like do you have any accessibility settings enabled?

[Mancitiss]

@m-bert

├─┬ @react-navigation/stack@7.4.8
│ └── react-native-gesture-handler@2.28.0
└─┬ expo-router@6.0.23
  └── react-native-gesture-handler@2.28.0 deduped

I'm not sure about accessibility as I'm not familiar with the phone, I maybe will try to see the next time I get hold of it.

[m-bert]

I'm not sure about accessibility as I'm not familiar with the phone, I maybe will try to see the next time I get hold of it.

It would be great. It sounds like it could be accessibility-related issue. Also, have you tried newer versions of Gesture Handler? I'm curious whether or not it works on 2.30 in your case.

[Mancitiss]

It would be great. It sounds like it could be accessibility-related issue. Also, have you tried newer versions of Gesture Handler? I'm curious whether or not it works on 2.30 in your case.

I just tried 2.30 and it still doesn't work on the same android phone (Galaxy A13), the only difference is that it is now at Android 13 (originally it was at android 12 when I wrote this issue). Do you have any idea which accessibility settings I should look at or tweak to try?

[m-bert]

Do you have any idea which accessibility settings I should look at or tweak to try?

I guess that if you ask then it is not enabled, so it might not be accessibility. It can be a problem with older versions of Android (though it would contradict with what @DragomirAndrei19 said).

I'll try to test that on Galaxy A50, maybe I'll find something. For now it is hard to tell what is happening 😞

[m-bert]

Okay, I've just tested that on three physical devices:

• Galaxy A21s
  • Android 12
  • One UI 4.1
• Galaxy A50
  • Android 11
  • One UI 3.1
• Galaxy S24 Ultra
  • Android 16
  • One UI 8.0

In each case Pressable worked correctly and I couldn't reproduce it with given example. Is there any piece of information left that you could share?

Do you have any idea which accessibility settings I should look at or tweak to try?

There are options like "Tap duration", but I think you'd noticed that you have it enabled as it basically delays all touches on the phone.

[Rohit3523]

I am now facing this issue only on release build, in development mode it's working fine

react-native: 0.81.5
react-native-gesture-handler: 2.28.0