react native – TouchableOpacity for ios actual system not at all times working


I am at the moment utilizing TouchableOpacity from react-native

There is no such thing as a drawback with Android or iOS Simulator, however there’s some points with actual system. I examined with 6s and iphone X, however each shouldn’t be working

After I clicked the element, onPress is triggered occassionally. I already found out that there are points with place:’absolute’, however I am not utilizing it.
(Particularly, the elements in react-native backside tabs will not be working correctly)

However after I’m changing the onPress to onPressIn / onPressOut, then this works nice. However there are such a lot of elements and onPressIn/Out shouldn’t be the best way I wish to change, so I am discovering any assist from the group

Is there any solution to remedy this?

“@notifee/react-native”: “^7.4.0”,
“@react-native-async-storage/async-storage”: “^1.17.11”,
“@react-native-community/datetimepicker”: “^6.7.5”,
“@react-native-community/masked-view”: “^0.1.11”,
“@react-native-community/netinfo”: “^9.3.7”,
“@react-native-community/toolbar-android”: “^0.2.1”,
“@react-native-community/viewpager”: “^5.0.11”,
“@react-native-firebase/app”: “^17.3.0”,
“@react-native-firebase/messaging”: “^17.3.0”,
“@react-navigation/bottom-tabs”: “^6.5.5”,
“@react-navigation/native”: “^6.1.4”,
“@react-navigation/stack”: “^6.3.14”,
“@realm/react”: “^0.4.3”,
“@reduxjs/toolkit”: “^1.9.2”,
“axios”: “^1.3.3”,
“dateformat”: “^5.0.3”,
“metro-config”: “^0.75.0”,
“second”: “^2.29.4”,
“react”: “18.2.0”,
“react-moment”: “^1.1.3”,
“react-native”: “0.71.3”,
“react-native-contacts”: “^7.0.5”,
“react-native-elements”: “^3.4.3”,
“react-native-gesture-handler”: “^2.9.0”,
“react-native-image-crop-picker”: “^0.39.0”,
“react-native-keyboard-aware-scroll-view”: “^0.9.5”,
“react-native-modal-datetime-picker”: “^14.0.1”,
“react-native-permissions”: “^3.6.1”,
“react-native-safe-area-context”: “^4.5.0”,
“react-native-screens”: “^3.20.0”,
“react-native-select-dropdown”: “^3.2.1”,
“react-native-simple-toast”: “^2.0.0”,
“react-native-splash-screen”: “^3.3.0”,
“react-native-svg”: “^13.8.0”,
“react-native-svg-transformer”: “^1.0.0”,
“react-native-vector-icons”: “^9.2.0”,
“react-navigation”: “^4.4.4”,
“react-redux”: “^8.0.5”,
“realm”: “^11.4.0”,
“redux”: “^4.2.1”,
“redux-persist”: “^6.0.0”,
“redux-thunk”: “^2.4.2”

Under is a few workaround that I found out

  1. Change onPress -> onPressIn/onPressOut
  2. Change TouchableOpacity from react-native to from react-native-gesture-handler
    -> On this case, for the reason that ui for click on occasion is little completely different with ios and android, i am utilizing TouchableOpacity from ‘react-native-gesture-handler’ just for ios.
    => However 2 workaround provides some vital points for utilizing libraries comparable to react-native-select-dropdown, since these libraries are utilizing TouchableOpacity from ‘react-native’ by default. Tried to alter the code in node-modules, however failed