NativeBase icon indicating copy to clipboard operation
NativeBase copied to clipboard

Toasts are hidden behind a fullScreenModal screen from react-navigation

Open tt0mmy opened this issue 3 years ago • 8 comments

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.

tt0mmy avatar Sep 18 '22 02:09 tt0mmy

Hey @tantommy, Thanks for reporting the issue. We'll fix it.

ankit-tailor avatar Sep 22 '22 07:09 ankit-tailor

i am having the same problem. Any progress?

Hknzbyn avatar Nov 17 '22 15:11 Hknzbyn

Facing the same issue, IOS only

hanzketup avatar Dec 03 '22 20:12 hanzketup

any update @ankit-tailor

kelvinndmo avatar Jan 02 '23 14:01 kelvinndmo

Just use presentation containedModal instead of modal in the group stack presentation (React Navigation v6)

 <MyStack.Group screenOptions={{ presentation: 'containedModal' }}>

achorein avatar Feb 16 '23 11:02 achorein

having this issue as well android and iOS

bryanprimus avatar Jun 28 '23 06:06 bryanprimus

Is there any progress?

Simoon-F avatar Jul 01 '23 04:07 Simoon-F

Same issue, any update?

longb1997 avatar Jun 06 '24 02:06 longb1997