Description
Before submitting a new issue
- I tested using the latest version of the library, as the bug might be already fixed.
- I tested using a supported version of react native.
- I checked for possible duplicate issues, with possible answers.
Bug summary
I'm using TrueSheet in my React Native app and it works great overall, but I'm experiencing issues when using the Dropdown component from react-native-element-dropdown and the Slider from react-native-awesome-slider inside the sheet. Specifically, when I press the dropdown, the status bar color changes (indicating the dropdown is opening), but the options are not visible. Additionally, the slider renders but does not respond to touch and cannot be moved. Both components work perfectly when used outside of TrueSheet on a regular screen. My App.tsx is wrapped in GestureHandlerRootView, and I've tried adjusting zIndex, flexGrow, and other layout properties, but nothing has resolved the issue so far.
Also tried react-native-paper-dropdown and as you see it renders outside the TrueSheet
b343384a-3450-4588-9a6f-70810c847323.mp4
Library version
2.0.5
Environment info
System:
OS: Linux 6.11 Ubuntu 24.10 24.10 (Oracular Oriole)
CPU: (4) x64 Intel(R) Core(TM) i7-6600U CPU @ 2.60GHz
Memory: 11.54 GB / 19.27 GB
Shell:
version: "5.9"
path: /usr/bin/zsh
Binaries:
Node:
version: 22.14.0
path: ~/.nvm/versions/node/v22.14.0/bin/node
Yarn:
version: 1.22.22
path: ~/.nvm/versions/node/v22.14.0/bin/yarn
npm:
version: 11.3.0
path: ~/.nvm/versions/node/v22.14.0/bin/npm
Watchman:
version: 4.9.0
path: /usr/bin/watchman
SDKs:
Android SDK:
API Levels:
- "35"
Build Tools:
- 34.0.0
- 35.0.0
- 35.0.1
System Images:
- android-35 | Intel x86_64 Atom
- android-35 | Google Play Intel x86_64 Atom
- android-36 | Google APIs Intel x86_64 Atom
Android NDK: Not Found
IDEs:
Android Studio: Not Found
Languages:
Java:
version: 17.0.14
path: /usr/lib/jvm/java-17-openjdk-amd64/bin/javac
Ruby: Not Found
npmPackages:
"@react-native-community/cli":
installed: 18.0.0
wanted: 18.0.0
react:
installed: 19.0.0
wanted: 19.0.0
react-native:
installed: 0.79.1
wanted: 0.79.1
npmGlobalPackages:
"react-native": Not Found
Android:
hermesEnabled: true
newArchEnabled: true
iOS:
hermesEnabled: Not found
newArchEnabled: false
Steps to reproduce
- Wrapped the content with GestureHandlerRootView
- Increased the zIndex, added flexGrow: 1
- Rendered the TrueSheet in empty screen without any additional styles
Reproducible example repository
none