Toast overlay is hidden behind modal screens when using createNativeStackNavigator

[ZanyuanYang]

Description

When a toast is shown and a new screen is pushed with presentation: 'modal' (via @react-navigation/native-stack), the modal covers the toast. The toast should stay on top of all UI layers, just as it does with a regular push transition.

Reproduction Steps

1. Set up a root navigator with createNativeStackNavigator.
2. Trigger a toast (@tamagui/toast or react-native-toast-message).
3. Immediately navigate to a screen placed in a Group whose screenOptions include presentation: 'modal'.
4. Observe that the toast disappears beneath the modal.

Expected Behavior

The toast remains visible above any modal screen.

Actual Behavior

The toast is rendered underneath the modal, so it cannot be seen.

Minimal Code Sample

export const RootStack = createNativeStackNavigator<RootStackParamList>();

<RootStack.Navigator>
  <RootStack.Group
    screenOptions={{
      presentation: 'modal',
      gestureEnabled: true,
      fullScreenGestureEnabled: true,
    }}
  >
    <RootStack.Screen
      name="setting"
      component={Setting}
      options={{ header }}
    />
  </RootStack.Group>
</RootStack.Navigator>

// anywhere in the app
import { toast } from '@tamagui/toast'; // or react-native-toast-message
toast.show('Saved!');

Platform

IOS

[kkafar]

Hey! We won't fix that here! Our modal is truly a modal component, that is mounted under separate view hierarchy, above all other content.

You either need some "truly toasty" toast component, or report this on the repo of the toast component you're using.