freeze app some android device

[thinhcnb297]

"dependencies": {
"@bam.tech/react-native-image-resizer": "^3.0.5",
"@gorhom/bottom-sheet": "4.4.5",
"@idiosync/horizontal-flatlist": "^1.0.18",
"@miblanchard/react-native-slider": "^2.3.1",
"@react-native-async-storage/async-storage": "^1.18.1",
"@react-native-camera-roll/camera-roll": "5.6.0",
"@react-native-clipboard/clipboard": "^1.11.2",
"@react-native-community/blur": "^4.3.2",
"@react-native-community/cli-platform-android": "^11.3.5",
"@react-native-community/slider": "^4.4.2",
"@react-native-firebase/analytics": "18.0.0",
"@react-native-firebase/app": "18.0.0",
"@react-native-firebase/crashlytics": "^18.3.0",
"@react-native-firebase/messaging": "^18.3.1",
"@react-native-firebase/remote-config": "^18.3.1",
"@react-native-google-signin/google-signin": "^10.0.1",
"@react-native-masked-view/masked-view": "^0.2.9",
"@react-navigation/material-top-tabs": "^6.6.2",
"@react-navigation/native": "^6.1.6",
"@react-navigation/stack": "^6.3.16",
"@reduxjs/toolkit": "^1.9.5",
"@sentry/react-native": "5.9.1",
"@types/react-native-vector-icons": "^6.4.13",
"axios": "^1.4.0",
"base-64": "^1.0.0",
"curse-filter": "^3.1.0",
"dayjs": "^1.11.8",
"i18next": "^23.4.2",
"jwt-decode": "^3.1.2",
"lodash": "^4.17.21",
"lottie-ios": "3.5.0",
"lottie-react-native": "6.0.0-rc.6",
"moment": "^2.29.4",
"react": "18.1.0",
"react-i18next": "^13.0.3",
"react-native": "0.70.6",
"react-native-admob-native-ads": "^0.6.6",
"react-native-asset": "^2.1.1",
"react-native-code-push": "7.0.4",
"react-native-config": "^1.5.1",
"react-native-device-info": "^10.6.0",
"react-native-fast-image": "^8.6.3",
"react-native-fbsdk-next": "^11.2.1",
"react-native-fs": "^2.20.0",
"react-native-gesture-handler": "2.10.2",
"react-native-get-random-values": "^1.9.0",
"react-native-google-mobile-ads": "11.1.0",
"react-native-iap": "^12.10.5",
"react-native-image-crop-picker": "^0.40.0",
"react-native-image-viewing": "^0.2.2",
"react-native-keyboard-aware-scroll-view": "^0.9.5",
"react-native-linear-gradient": "^2.6.2",
"react-native-modal": "^13.0.1",
"react-native-navigation-bar-color": "^2.0.2",
"react-native-pager-view": "^6.2.0",
"react-native-permissions": "^3.8.0",
"react-native-progress": "^5.0.0",
"react-native-reanimated": "2.11.0",
"react-native-rename": "^3.2.12",
"react-native-responsive-fontsize": "^0.5.1",
"react-native-safe-area-context": "^4.5.3",
"react-native-screens": "^3.20.0",
"react-native-share": "^8.2.2",
"react-native-skeleton-placeholder": "^5.2.4",
"react-native-splash-screen": "^3.3.0",
"react-native-store-review": "^0.4.1",
"react-native-svg": "^13.9.0",
"react-native-tab-view": "^3.5.1",
"react-native-toast-notifications": "^3.3.1",
"react-native-tracking-transparency": "0.1.2",
"react-native-vector-icons": "^9.2.0",
"react-native-webview": "^13.2.1",
"react-redux": "^8.0.7",
"redux-persist": "^6.0.0",
"redux-saga": "^1.2.3",
"rn-fetch-blob": "^0.12.0"
},
"devDependencies": {
"@babel/core": "^7.12.9",
"@babel/runtime": "^7.12.5",
"@react-native-community/eslint-config": "^2.0.0",
"@tsconfig/react-native": "^3.0.2",
"@types/jest": "^29.5.2",
"@types/react": "^18.2.7",
"@types/react-native": "^0.70.6",
"@types/react-test-renderer": "^18.0.0",
"@typescript-eslint/eslint-plugin": "^5.37.0",
"@typescript-eslint/parser": "^5.37.0",
"babel-jest": "^26.6.3",
"babel-plugin-module-resolver": "^5.0.0",
"eslint": "^7.32.0",
"jest": "^26.6.3",
"metro-react-native-babel-preset": "0.72.3",
"pod-install": "0.1.38",
"react-test-renderer": "18.1.0",
"typescript": "^5.0.4"
},
"jest": {
"preset": "react-native",
"moduleFileExtensions": [
"ts",
"tsx",
"js",
"jsx",
"json",
"node"
]
},
}
Freeze all screen with android. Some body is stucking this isssue?

[github-actions]

@thinhcnb297: hello! 👋

This issue is being automatically closed because it does not follow the issue template.

[ils-anwarshah]

did you find any solution for that ?

[baesumin]

+1

[mzeema]

+1

[MateuszRostkowski]

Make sure you are using the latest version of reanimated (3.5.4) and bottom sheet (4.5.1).

I've got issues on expo 49 because supported version of reanimated is 3.3.3, and it was causing app freezing.

[MateuszRostkowski]

UPDATE:
I've found that reanimated 3.5.4 is not working fine on new samsung devices. So after checking different reanimated versions the perfect one is 3.4.2. BUT it's not working on iOS (with expo 49), so I came with this workaround:

• Start point: expo 49 / reanimated 3.3.0
• Deploy iOS app - expo 49 / reanimated 3.3.0
• Update reanimated - expo 49 / reanimated 3.4.2
  • yarn add react-native-reanimated@3.4.2
• Deploy android app - expo 49 / reaimated 3.4.2
• Go to start point - expo 49 / reanimated 3.3.0 (to be ready for next deploy)

I will not investigate it more, because I've lost too much time on that, but probably this will need another time spend on next expo update.

[thinhcnb297]

i found that it'll freeze some android device if put bottom sheet in the same level navigator and use props backdropComponent

[guillermoST]

@MateuszRostkowski did you find the core issue with Samsung devices? We also downgraded our production app to 3.4.2 as we were getting a lot of feedback from Samsung users with exactly this issue.

[MateuszRostkowski]

@guillermoST No I didn't. I'm still using reanimated 3.4.2 on android and 3.3.0 on iOS, and it work perfect. The biggest issue is that we need to remember about upgrading the versions, but I've created this simple script to make sure we will not forget a bout anything:

{
   "deploy:prod:expo49": "yarn && eas build -p ios && yarn add react-native-reanimated@3.4.2 && eas build -p android",
}

I was trying to debug the bottom sheet logic and the issue was on the on reanimated side, it just wasn't working same as on other android devices.