GeekyAnts / GeekyAnts/NativeBase
Toasts are hidden behind a fullScreenModal screen from react-navigation
- 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
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