Repository navigation
Button onPress not triggering in debug mode with Android device #28687
Description
Description
Button onPress will not trigger in debug mode on. I created a brand new project with the cli tool and got it to run no my Android tablet. Added a button to the App.js template code:
<Button title="My Button" onPress={() => console.log("pressed")}/>
"pressed" showed up in the log with Debug off, but did not with Debug on.
I tried the above with rn version 0.61.5 and it worked great in Debug mode.
Same as this: https://stackoverflow.com/questions/61189313/react-native-buttons-onpress-does-not-fire-when-app-running-in-debug-mode
React Native version:
System:
OS: macOS Mojave 10.14.6
CPU: (4) x64 Intel(R) Core(TM) i3-8100B CPU @ 3.60GHz
Memory: 1.55 GB / 8.00 GB
Shell: 3.2.57 - /bin/bash
Binaries:
Node: 12.16.2 - ~/.nvm/versions/node/v12.16.2/bin/node
Yarn: 1.13.0 - /usr/local/bin/yarn
npm: 6.14.4 - ~/.nvm/versions/node/v12.16.2/bin/npm
Watchman: 4.9.0 - /usr/local/bin/watchman
Managers:
CocoaPods: 1.9.1 - /usr/local/bin/pod
SDKs:
iOS SDK:
Platforms: iOS 13.2, DriverKit 19.0, macOS 10.15, tvOS 13.2, watchOS 6.1
Android SDK:
API Levels: 23, 24, 26, 27, 28
Build Tools: 23.0.1, 26.0.1, 28.0.2, 28.0.3
Android NDK: Not Found
IDEs:
Android Studio: Not Found
Xcode: 11.3.1/11C504 - /usr/bin/xcodebuild
Languages:
Java: 1.8.0_131 - /usr/bin/javac
Python: 2.7.16 - /usr/bin/python
npmPackages:
@react-native-community/cli: Not Found
react: 16.11.0 => 16.11.0
react-native: 0.62.2 => 0.62.2
npmGlobalPackages:
react-native: Not Found
Steps To Reproduce
Provide a detailed list of steps that reproduce the issue.
- create new project with the cli
- Add a button to the App.js template code:
<Button title="My Button" onPress={() => console.log("pressed")}/>
Expected Results
Expected "pressed" to appear in Chrome debugger.
Activity
majugurci commentedon Apr 19, 2020
I have the same problem. onPress is not triggered in debug mode (windows, chrome, android emulator). If debug mode is disabled onPress is working fine.
Maddoc42 commentedon Apr 20, 2020
Same behaviour here after upgrading from 0.61.5 on Android. Disabling chrome debugging enables touches, while having debugging enabled disables touches. Buttons will show the ripple animation to indicate they have been touched, but no effect after that.
Edit: as a workaround, this seems to be working fine #27008 (comment)
Dinkelborg commentedon Apr 21, 2020
@zenibeat Thank goodness - I was going insane over this ... I couldn't find out why this was happening. Sometimes it would just work and other times you just get the button feedback (downstate) but onPress doesn't trigger ...
I also found out that if you are in debug mode but press the button from the very edge of the phone it will still work for some reason (testing on a Huawei P30 Pro)
adrianm86 commentedon Apr 27, 2020
The same happens to me if I use the debug mode (Huawei P20 Pro).
With react native 62.2
eggybot commentedon Apr 28, 2020
The link solve my issue by disabling then enabling the automatic time in the android device settings
Battleplayer commentedon May 8, 2020
Have the same problem.
react: 16.11.0
react-native: 0.62.2
My phone: mi a2 lite
Temporary solution was using onPressIn instead.
naxel commentedon May 14, 2020
thanks!
weinixuehao commentedon May 27, 2020
@zenibeat Maddoc42
I have meet that issue and tried the solution @Maddoc42 but not working
Maddoc42 commentedon May 27, 2020
@weinixuehao had this issue on multiple real android phones by now. What always seems to work is open phone settings --> date & time --> turn off "Use network provided time" and back on.
On some devices it takes a few tries to get this worked, sooner or later they all come around though 👍
weinixuehao commentedon May 28, 2020
@Maddoc42
Thanks! I also found a solution to reinstall after uninstalling the app then it is ok!
avinashlng1080 commentedon May 29, 2020
@weinixuehao can you please explain which solution you've used ?
6 remaining items
carrillojeisson93 commentedon Oct 21, 2020
good day
I am emulating on a physical android phone
I had the same problem
I solved it by exiting the application, deactivating it and reopening it
I hope it works for you
fcostaprojects commentedon Nov 20, 2020
Try update CLI
Solved for my project.
salman1696 commentedon Dec 4, 2020
For me, Changing the browser for debugging from
Mozilla FirefoxtoGoogle Chromefixed the problem for mesupostat commentedon Jan 7, 2021
Any updates ?
Just faced with the same issue on IOS. Not on simulator, on real device.
encouver commentedon Jan 12, 2021
Same issue here for Android 10 and React Native with expo.
fabOnReact commentedon Feb 3, 2021
alexciarlillo #27008 (comment) searches for a solution for this issue
joshwinter commentedon Apr 7, 2021
Toggling my automatic time resolution, toggling my mac automatic time resolution and restarting my device (important) worked for me. Thanks for help on this page.
yyymini commentedon May 15, 2021
meet same issue .
MustafaAnasKH99 commentedon May 24, 2021
This worked for me. however, now I cant fetch data. It says my time is ahead. lol
md-amil commentedon Feb 22, 2022
in my case button onpress not triggring when i make a build in debugging mode working fine
AudreyHepbur commentedon Sep 22, 2022
I used "react-native-elements": "^3.4.2",
TabViewcaused this problem, just update to the latest versiongithub-actions commentedon Apr 22, 2023
This issue is stale because it has been open 180 days with no activity. Remove stale label or comment or this will be closed in 7 days.
github-actions commentedon Apr 29, 2023
This issue was closed because it has been stalled for 7 days with no activity.