Open vintvgx opened 1 month ago
@vintvgx: hello! :wave:
This issue is being automatically closed because it does not follow the issue template.
This issue is stale because it has been open 30 days with no activity. Remove stale label or comment or this will be closed in 5 days.
Bug
Within my react native application, I am trying to implement creating a bottom tab navigator that opens a bottom-sheet when my "Profile" tab is pressed. Due to expo's new architecture, I am using Tabs from expo-router to generate my tabs layout, so I don't have access to NavigationContainer.
I have attempted wrapping the BottomSheetModalProvider around my top level _layout (App.tsx) and that did not work. Also, tried wrapping BottomSheetModalProvider around my Tabs component and still doesn't work. My code is as followed below:
Tabs layout file
Bottom Sheet Component
Top level layout (App.tsx)
Environment info
expo-env-info 1.2.0 environment info: System: OS: macOS 14.2.1 Shell: 5.9 - /bin/zsh Binaries: Node: 20.11.0 - /usr/local/bin/node npm: 10.2.4 - /usr/local/bin/npm Managers: CocoaPods: 1.14.3 - /usr/local/bin/pod SDKs: iOS SDK: Platforms: DriverKit 23.5, iOS 17.5, macOS 14.5, tvOS 17.5, visionOS 1.2, watchOS 10.5 IDEs: Android Studio: 2024.1 AI-241.15989.150.2411.11948838 Xcode: 15.4/15F31d - /usr/bin/xcodebuild npmPackages: expo: ~51.0.14 => 51.0.14 expo-router: ~3.5.16 => 3.5.16 react: 18.2.0 => 18.2.0 react-dom: 18.2.0 => 18.2.0 react-native: 0.74.2 => 0.74.2 react-native-web: ~0.19.10 => 0.19.12 npmGlobalPackages: eas-cli: 9.1.0 expo-cli: 6.3.10 Expo Workflow: managed
"dependencies": { "@expo/vector-icons": "^14.0.0", "@gorhom/bottom-sheet": "^4.6.3", "@react-navigation/native": "^6.0.2", "@reduxjs/toolkit": "^2.2.5", "axios": "^1.7.2", "expo": "~51.0.14", "expo-blur": "~13.0.2", "expo-constants": "~16.0.2", "expo-font": "~12.0.7", "expo-image-picker": "~15.0.6", "expo-linear-gradient": "~13.0.2", "expo-linking": "~6.3.1", "expo-router": "~3.5.16", "expo-splash-screen": "~0.27.5", "expo-status-bar": "~1.12.1", "expo-system-ui": "~3.0.6", "expo-web-browser": "~13.0.3", "pretty-format": "^29.7.0", "react": "18.2.0", "react-dom": "18.2.0", "react-native": "0.74.2", "react-native-gesture-handler": "~2.16.1", "react-native-reanimated": "~3.10.1", "react-native-safe-area-context": "4.10.1", "react-native-screens": "3.31.1", "react-native-toast-message": "^2.2.0", "react-native-web": "~0.19.10", "react-redux": "^9.1.2", "redux-thunk": "^3.1.0" },