How do I use React Native onLongPress properly?

react-native react-native-android touchableopacity touchablehighlight touchablewithoutfeedback
Nerdragen picture Nerdragen · Nov 28, 2018 · Viewed 13.5k times · Source

I have a simple piece of code that's just a TouchableOpacity with a onLongPress prop, but it does not seem to be working. 

<TouchableOpacity delayLongPress={10} onLongPress={()=>{console.log("pressed")}} activeOpacity={0.6}>
  <Text>BUTTON</Text>
</TouchableOpacity>

I've tried removing the delay prop but that still doesn't work. Changing onLongPress to onPress does seem to work however, but I want the long press functionality. I'm testing this on an Android simulator.

Answer

romin21 picture romin21 · Nov 28, 2018

According to this issue this happens randomly, after testing on a real device with React Native Debugger enabled. Disabling React Native Debugger will make your problem go away.

Related questions

Unable to load script from assets index.android.bundle on windows

I'm trying to run my first React Native project for first time on my device (Android 4.2.2). And I get: unable to load script from assets index.android.bundle Commands that I used: cd (project directory) react-native start react-native run-android

Read More
Run react-native on android emulator

I try to run react-native app on genymotion android emulator on my mac. When I write react-native run-android It gets Running /usr/local/opt/android-sdk/platform-tools/adb reverse tcp:8081 tcp:8081 error: closed Could not run adb reverse: Command failed: /usr/…

Read More
React Native version mismatch

Getting the following message when I init a new project and then launch the Xcode emulator: React-Native Version Mismatch Javascript Version 0.50.1 Native version: 0.50.0 Make sure you have rebuilt the native code. ... Does anyone know what is going on here and …

Read More