Toast appears behind Sheet

[Hamidrezana]

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

When using TrueSheet, in-app Toast messages are rendered behind the sheet instead of appearing above it.

Expected Behavior

Toast messages should appear above the sheet, as they normally overlay other UI elements.

Actual Behavior

When the sheet is presented, Toast messages are visually hidden behind the sheet content, making them partially or completely invisible to the user.

As a workaround, wrapping the toast inside a Modal forces it to render above the sheet. However, this causes another issue: the Modal blocks user interaction with the underlying screen, preventing normal app interaction while the toast is visible.

Affected Platforms

• iOS
• Android
• Web
• Other

Library Version

3.8.2

Environment Info

System:
  OS: macOS 26.0
  CPU: (11) arm64 Apple M3 Pro
  Memory: 133.20 MB / 18.00 GB
  Shell:
    version: "5.9"
    path: /bin/zsh
Binaries:
  Node:
    version: 20.19.4
    path: /opt/homebrew/opt/node@20/bin/node
  Yarn:
    version: 1.22.19
    path: /usr/local/bin/yarn
  npm:
    version: 10.8.2
    path: /opt/homebrew/opt/node@20/bin/npm
  Watchman:
    version: 2025.08.11.00
    path: /opt/homebrew/bin/watchman
Managers:
  CocoaPods:
    version: 1.16.2
    path: /opt/homebrew/bin/pod
SDKs:
  iOS SDK:
    Platforms:
      - DriverKit 25.0
      - iOS 26.0
      - macOS 26.0
      - tvOS 26.0
      - visionOS 26.0
      - watchOS 26.0
  Android SDK:
    API Levels:
      - "23"
      - "28"
      - "29"
      - "31"
      - "33"
      - "34"
      - "35"
      - "35"
      - "36"
    Build Tools:
      - 29.0.3
      - 30.0.3
      - 33.0.1
      - 34.0.0
      - 35.0.0
      - 35.0.1
      - 36.0.0
    System Images:
      - android-35 | ARM 64 v8a
      - android-35 | Google Play ARM 64 v8a
    Android NDK: Not Found
IDEs:
  Android Studio: 2024.2 AI-242.23339.11.2421.12700392
  Xcode:
    version: 26.0/17A324
    path: /usr/bin/xcodebuild
Languages:
  Java:
    version: 17.0.16
    path: /usr/bin/javac
  Ruby:
    version: 3.4.6
    path: /opt/homebrew/opt/ruby/bin/ruby
npmPackages:
  "@react-native-community/cli":
    installed: 20.1.0
    wanted: 20.1.0
  react:
    installed: 19.2.0
    wanted: 19.2.0
  react-native:
    installed: 0.83.1
    wanted: 0.83.1
  react-native-macos: Not Found
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: true
  newArchEnabled: true
iOS:
  hermesEnabled: true
  newArchEnabled: true

Steps to Reproduce

1. Install and configure react-native-true-sheet in a React Native project.
2. Add a button that presents a TrueSheet.
3. Inside the sheet , trigger a Toast message.

Repro

https://github.com/hamidrezana

Additional Context

No response

[github-actions]

Hey @Hamidrezana! 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]

This is a limitation given how TrueSheet works internally. This is documented here.

I'll probably create a dedicated overlay component in the future but not very soon.

[rklf]

@lodev09 Still planned? On Android, toast are still displayed behind sheet.