Android platform debug mode, open/close drawer animate so slow

[TonyFTannous]

Current behavior

The animation is so slow when try to open/close drawer (@react-navigation/drawer ^6.7.2) in Android platform only. IOS work perfectly

Expected behavior

it should be work like ios platform smoothly

Reproduction

https://github.com/TonyFTannous/TemplateTest.git

Platform

• [X] Android
• [ ] iOS
• [ ] Web
• [ ] Windows
• [ ] MacOS

Packages

• [ ] @react-navigation/bottom-tabs
• [X] @react-navigation/drawer
• [ ] @react-navigation/material-top-tabs
• [ ] @react-navigation/stack
• [ ] @react-navigation/native-stack
• [ ] react-native-tab-view

Environment

"dependencies": { "@fortawesome/fontawesome-svg-core": "^6.6.0", "@fortawesome/free-brands-svg-icons": "^6.6.0", "@fortawesome/free-regular-svg-icons": "^6.6.0", "@fortawesome/free-solid-svg-icons": "^6.6.0", "@fortawesome/react-native-fontawesome": "^0.3.2", "@gorhom/bottom-sheet": "^4.6.4", "@react-native-async-storage/async-storage": "^1.24.0", "@react-native-masked-view/masked-view": "^0.3.1", "@react-navigation/bottom-tabs": "^6.6.1", "@react-navigation/drawer": "^6.7.2", "@react-navigation/native": "^6.1.18", "@react-navigation/native-stack": "^6.11.0", "@reduxjs/toolkit": "^2.2.7", "axios": "^1.7.4", "dayjs": "^1.11.12", "i": "^0.3.7", "jwt-decode": "^4.0.0", "npm": "^10.8.2", "patch-package": "^8.0.0", "react": "18.3.1", "react-native": "0.75.1", "react-native-bootsplash": "^6.1.1", "react-native-chart-kit": "^6.12.0", "react-native-config": "^1.5.3", "react-native-device-info": "^11.1.0", "react-native-gesture-handler": "^2.20.0", "react-native-keyboard-aware-scroll-view": "^0.9.5", "react-native-reanimated": "^3.15.4", "react-native-root-toast": "^3.6.0", "react-native-safe-area-context": "^4.10.9", "react-native-screens": "^3.34.0", "react-native-svg": "^15.5.0", "react-native-ui-datepicker": "^2.0.3", "react-redux": "^9.1.2", "redux-persist": "^6.0.0" }, "devDependencies": { "@babel/core": "^7.25.2", "@babel/preset-env": "^7.25.3", "@babel/runtime": "^7.25.0", "@react-native/babel-preset": "0.75.1", "@react-native/eslint-config": "0.75.1", "@react-native/metro-config": "0.75.1", "@react-native/typescript-config": "0.75.1", "@types/react": "^18.3.3", "@types/react-test-renderer": "^18.3.0", "babel-jest": "^29.7.0", "babel-plugin-module-resolver": "^5.0.2", "eslint": "^8.57.0", "eslint-import-resolver-typescript": "^3.6.1", "eslint-plugin-import": "^2.29.1", "eslint-plugin-react-hooks": "^4.6.2", "jest": "^29.7.0", "jetifier": "^2.0.0", "prettier": "3.3.3", "react-native-devsettings": "^1.0.5", "react-test-renderer": "18.3.1", "reactotron-react-native": "^5.1.9", "reactotron-redux": "^3.1.10", "typescript": "5.5.4" }, "engines": { "node": ">=18" }, "overrides": { "eslint-plugin-jest": "28.2.0" }