GeekyAnts / GeekyAnts/NativeBase

Toasts are hidden behind a fullScreenModal screen from react-navigation

Open
#5,373 8 comments 5 reactions 0 assignees View on GitHub
bug triage v3
Dominant language
TypeScript
Stars
20.4k
Forks
2.4k
PR merge metrics
No merged PRs in 30d

Description

### Description

when creating toasts within a screen with presentation style fullScreenModal from react-navigation in iOS, the toast appear behind the full screen modal. I expect the toasts to be visible and not appear behind the fullScreenModal.

### CodeSandbox/Snack link

https://snack.expo.dev/@tantommy/nativebase-starter-snack

### Steps to reproduce

1. Go to snack link.
2. Click on the "Open Modal Route" button
3. Click on the "Toast" button a few times
4. Notice how no toasts appear
5. Click the "Close" button.
6. Notice how toasts appear behind the modal screen.

### NativeBase Version

3.4.15

### Platform

- [ ] Android
- [ ] CRA
- [ ] Expo
- [X] iOS
- [ ] Next

### Other Platform

_No response_

### Additional Information

works fine on android via snack link above.

Contributor guide

Open the contributing guide

Research direction

Start with the linked Expo Snack and reproduce the issue on iOS using the fullScreenModal presentation style. Compare the toast behavior before, during, and after opening the modal, using the Android behavior as a reference; done means toasts are visible above the modal while it is open.

Written by the indexing model from the issue text.

Assessment

Tech stack
ios, react-native
Domain
frontend, mobile
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.