Rendering issues on Android

[rasulovdev]

Before submitting a new issue

• I tested using the latest version of the library.
• I tested using a supported version of React Native.
• I checked for existing issues that might answer my question.

Bug Summary

Great lib, thank you for such a valuable contribution to the community!

It's almost perfect in terms of API and features, with only one exception – I'm having the sheet rendered above (in 2D terms) the navbar/homebar on Android; also, the sheet does not allow scrolling to the very bottom of the content for some reason: you can see, there's a green button which is barely visible on the attached video.

Record_2025-12-19-03-13-14_3fea8517e27bc56efab8bf99fa98abd7.mov

Affected Platforms

• iOS
• Android
• Web
• Other

Library Version

3.5.0

Environment Info

System:
  OS: macOS 26.0.1
  CPU: (12) arm64 Apple M2 Pro
  Memory: 103.89 MB / 32.00 GB
  Shell:
    version: "5.9"
    path: /bin/zsh
Binaries:
  Node:
    version: 24.0.2
    path: /Users/rasulov.dev/.nvm/versions/node/v24.0.2/bin/node
  Yarn:
    version: 1.22.22
    path: /Users/rasulov.dev/.nvm/versions/node/v24.0.2/bin/yarn
  npm:
    version: 11.3.0
    path: /Users/rasulov.dev/.nvm/versions/node/v24.0.2/bin/npm
  Watchman:
    version: 2025.04.28.00
    path: /opt/homebrew/bin/watchman
Managers:
  CocoaPods:
    version: 1.16.2
    path: /opt/homebrew/bin/pod
SDKs:
  iOS SDK:
    Platforms:
      - DriverKit 25.2
      - iOS 26.2
      - macOS 26.2
      - tvOS 26.2
      - visionOS 26.2
      - watchOS 26.2
  Android SDK: Not Found
IDEs:
  Android Studio: 2024.3 AI-243.22562.218.2431.13114758
  Xcode:
    version: 26.2/17C52
    path: /usr/bin/xcodebuild
Languages:
  Java:
    version: 17.0.14
    path: /usr/bin/javac
  Ruby:
    version: 2.6.10
    path: /usr/bin/ruby
npmPackages:
  "@react-native-community/cli": Not Found
  react: Not Found
  react-native: Not Found
  react-native-macos: Not Found
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: true
  newArchEnabled: true
iOS:
  hermesEnabled: Not found
  newArchEnabled: Not found

Steps to Reproduce

<TrueSheet
  ref={sheet}
  detents={[0.25, 0.5, 1]}
  dimmedDetentIndex={2}
  backgroundColor={colors.background}
  edgeToEdgeFullScreen
  dismissible={false}
  cornerRadius={config.borderRadius.lg}
  draggable={detailsScrollY === 0}
>
    ...
</TrueSheet>

Repro

N/A

Additional Context

No response

[github-actions]

Hey @rasulovdev! Thanks for opening the issue.

It looks like your issue is missing a valid reproduction link.

A minimal reproduction helps us investigate and fix the issue faster. Without one, we may not be able to help.

Please provide one of the following:

• A GitHub repository under your username
• An Expo Snack

See "How to create a Minimal, Reproducible Example" for more guidance.

You can edit your original issue or leave a comment with the repro link. Issues without reproductions may be closed after 14 days.

[lodev09]

Hey @rasulovdev! can you please provide repro? I couldn't replicate it

[rasulovdev]

This was the tough one. Okay, I have a monorepo with several apps and seems like the dependency management went wrong. I was on Expo SDK 53 with Reanimated 3, which is lower than what TrueSheet expects. But the package manager did not flag the incorrect peer dep during the installation.

I started implementing a repro on the latest Expo SDK and there was no issues. Guess it was the signal to start the long postponed update to the SDK 54 for me xD. Now, one day and couple of gray hair later, I'm on SDK 54 and TrueSheet works wonderful.

[lodev09]

Ah I see! I think it has something to do with edge-to-edge config. TrueSheet detects it using your android build gradle, not from react-native-edge-to-edge (if you're using it). Not sure if expo 53 is updated to use that properly.

See here https://sheet.lodev09.com/guides/edge-to-edge#enabling-edge-to-edge