Modal Screens not on top of BottomTabNavigator on Android

[kristian-nst]

Is this expected behavior? Seems it shouldn't be. A library like https://gorhom.dev/react-native-bottom-sheet does work in Android correctly, displaying on top of everything.

Screen.Recording.2025-03-18.at.5.01.17.PM.mov

Stucture:

• createNativeStackNavigator (root)
• • createNativeStackNavigator (logged out screens)
• • createDrawerNavigator (logged in screens)
• • • Drawer
• • • createBottomTabNavigator
• • • • Tab Screens here (createNativeStackNavigator)
• • • • • One of the tab stacks (lets say 'Home'), has these modal screens

basically:

export function HomeStack(): ReactElement {
  return (
    <Stack.Navigator>
      <Stack.Group
        screenOptions={{
          presentation: 'modal',
          animation: 'fade_from_bottom',
        }}
      >
        <Stack.Screen
          name="test"
          component={TestScreen}

<GestureHandlerRootView> is my app root, followed by <NavigationContainer> before any Stack.Navigator