Touch events not responding, scroll events only working, app freezing, etc.

devym-37 commented 7 months ago

Description

Occurs primarily on Android, and occasionally on IOS. If you go back and forth between the bottom tabs on Android, at some point, clicking on the bottom tab does not work, but you can scroll on the screen and the UI is no longer drawn.

 "@bam.tech/react-native-image-resizer": "^3.0.7",
    "@expo-google-fonts/space-grotesk": "^0.2.2",
    "@expo/webpack-config": "^18.0.1",
    "@invertase/react-native-apple-authentication": "^2.3.0",
    "@notifee/react-native": "^7.8.0",
    "@react-native-async-storage/async-storage": "1.17.11",
    "@react-native-camera-roll/camera-roll": "^5.10.0",
    "@react-native-community/blur": "^4.3.2",
    "@react-native-community/netinfo": "^11.3.1",
    "@react-native-firebase/analytics": "^18.1.0",
    "@react-native-firebase/app": "^18.1.0",
    "@react-native-firebase/auth": "^18.1.0",
    "@react-native-firebase/in-app-messaging": "^18.1.0",
    "@react-native-firebase/messaging": "^18.1.0",
    "@react-native-firebase/remote-config": "^18.1.0",
    "@react-native-google-signin/google-signin": "^10.0.1",
    "@react-native-masked-view/masked-view": "^0.3.1",
    "@react-navigation/bottom-tabs": "^6.3.2",
    "@react-navigation/elements": "^1.3.30",
    "@react-navigation/native": "^6.0.2",
    "@react-navigation/native-stack": "^6.0.2",
    "@shopify/flash-list": "^1.6.2",
    "@tanstack/react-query": "^5.0.5",
    "@tosspayments/widget-sdk-react-native": "^1.2.0",
    "apisauce": "3.0.1",
    "appcenter": "5.0.1",
    "appcenter-analytics": "5.0.1",
    "appcenter-crashes": "5.0.1",
    "date-fns": "^2.29.2",
    "emoji-regex": "^10.3.0",
    "eslint-plugin-unused-imports": "^3.1.0",
    "expo": "^48.0.15",
    "expo-application": "~5.1.1",
    "expo-constants": "~14.2.1",
    "expo-device": "~5.2.1",
    "expo-file-system": "~15.2.1",
    "expo-font": "~11.1.1",
    "expo-linking": "~4.0.1",
    "expo-localization": "~14.1.1",
    "expo-modules-core": "~1.2.3",
    "expo-splash-screen": "~0.18.1",
    "expo-status-bar": "~1.4.4",
    "i18n-js": "3.9.2",
    "jwt-decode": "^3.1.2",
    "linkifyjs": "^4.1.3",
    "lodash": "^4.17.21",
    "react": "18.2.0",
    "react-hook-form": "^7.46.1",
    "react-native": "0.71.14",
    "react-native-actions-sheet": "^0.9.0-alpha.21",
    "react-native-blob-util": "^0.19.1",
    "react-native-bootsplash": "4.5.0",
    "react-native-capture-protection": "^1.9.1",
    "react-native-channel-plugin": "^0.8.0",
    "react-native-code-push": "^8.2.1",
    "react-native-collapsible-tab-view": "^6.2.2",
    "react-native-config": "^1.5.1",
    "react-native-device-info": "^10.9.0",
    "react-native-exit-app": "^2.0.0",
    "react-native-fast-image": "^8.6.3",
    "react-native-gesture-handler": "2.15.0",
    "react-native-iap": "^12.10.5",
    "react-native-image-crop-picker": "^0.40.0",
    "react-native-image-picker": "^5.6.0",
    "react-native-keyboard-aware-scroll-view": "^0.9.5",
    "react-native-keychain": "^8.1.2",
    "react-native-linear-gradient": "^2.8.3",
    "react-native-modalize": "^2.1.1",
    "react-native-pager-view": "^6.3.0",
    "react-native-permissions": "^3.10.1",
    "react-native-portalize": "^1.0.7",
    "react-native-progress": "^5.0.1",
    "react-native-qrcode-scanner": "^1.5.5",
    "react-native-qrcode-svg": "^6.2.0",
    "react-native-reanimated": "3.8.1",
    "react-native-reanimated-carousel": "^3.5.1",
    "react-native-responsive-dimensions": "^3.1.1",
    "react-native-safe-area-context": "4.5.0",
    "react-native-screens": "3.30.1",
    "react-native-svg": "^13.14.0",
    "react-native-tab-view": "^3.5.2",
    "react-native-toast-message": "^2.1.6",
    "react-native-version-check": "^3.4.7",
    "react-native-webview": "^13.6.2",
    "react-native-youtube-iframe": "^2.3.0",
    "reactotron-mst": "3.1.4",
    "reactotron-react-js": "^3.3.7",
    "reactotron-react-native": "5.0.3",
    "zustand": "^4.3.9"

Steps to reproduce

How to reproduce

If you go back and forth between the bottom tabs on Android, at some point, clicking on the bottom tab does not work, but you can scroll on the screen and the UI is no longer drawn.
When I run the app again in the background on Android, it freezes, so the touch event is not responsive and only scrolls .

React Native Version

0.71.14

Affected Platforms

Runtime - Android Runtime - Ios

Output of `npx react-native info`

System:
    OS: macOS 14.4.1
    CPU: (12) arm64 Apple M2 Pro
    Memory: 96.56 MB / 16.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 18.18.0 - /opt/homebrew/bin/node
    Yarn: 1.22.19 - /opt/homebrew/bin/yarn
    npm: 10.1.0 - /opt/homebrew/bin/npm
    Watchman: 2023.09.04.00 - /opt/homebrew/bin/watchman
  Managers:
    CocoaPods: 1.14.3 - /Users/e.youngmin/.rbenv/shims/pod
  SDKs:
    iOS SDK:
      Platforms: DriverKit 23.4, iOS 17.4, macOS 14.4, tvOS 17.4, visionOS 1.1, watchOS 10.4
    Android SDK: Not Found
  IDEs:
    Android Studio: 2023.2 AI-232.10300.40.2321.11567975
    Xcode: 15.3/15E204a - /usr/bin/xcodebuild
  Languages:
    Java: 11.0.20.1 - /usr/bin/javac
  npmPackages:
    @react-native-community/cli: Not Found
    react: 18.2.0 => 18.2.0
    react-native: 0.71.14 => 0.71.14
    react-native-macos: Not Found
  npmGlobalPackages:
    *react-native*: Not Found

Stacktrace or Logs

not crash or failure

Screenshots and Videos

https://github.com/facebook/react-native/assets/25405849/6a3518a9-f0bd-4b09-a21b-978d3cf6703e

github-actions[bot] commented 7 months ago

:warning:	Newer Version of React Native is Available!
:information_source:	You are on a supported minor version, but it looks like there's a newer patch available - 0.71.18. Please upgrade to the highest patch for your minor or latest and verify if the issue persists (alternatively, create a new project and repro the issue in it). If it does not repro, please let us know so we can close out this issue. This helps us ensure we are looking at issues that still exist in the most recent releases.

:warning:

Newer Version of React Native is Available!

:information_source:

You are on a supported minor version, but it looks like there's a newer patch available - 0.71.18. Please upgrade to the highest patch for your minor or latest and verify if the issue persists (alternatively, create a new project and repro the issue in it). If it does not repro, please let us know so we can close out this issue. This helps us ensure we are looking at issues that still exist in the most recent releases.

github-actions[bot] commented 7 months ago

:warning:	Missing Reproducible Example
:information_source:	We could not detect a reproducible example in your issue report. Please provide either: If your bug is UI related: a Snack If your bug is build/update related: use our Reproducer Template. A reproducer needs to be in a GitHub repository under your username.

cortinico commented 7 months ago

@devym-37 please provide a reproducer, the link to the repro OR close this issue as without a reproducer we can't investigate this type of issues.

devym-37 commented 7 months ago

@cortinico What if I can't share the code because it's a live project app and I can't share the code?

cortinico commented 7 months ago

@cortinico What if I can't share the code because it's a live project app and I can't share the code?

Then we'll have to close this issue till you or someone else can provide a reproducer we could look into. Sorry for that

facebook / react-native