React Native Navigation Mode Использование поддержки

Question

Я смотрел на React Navigation 5 docs и видел пример, в котором вы учитесь делать полноэкранный модальный.

https://reactnavigation.org/docs/modal

В примере выше они используют навигатор стека root с вложенным навигатором стека и экраном с именем Modal, нашим модальным экраном, но по какой-то причине свойство mode = "modal" используется в навигаторе стека root вместо компонента ModalScreen (наш модальный будет go снизу вверх, как и должно, свойство mode достигает этого), но почему он не используется в ModalScreen, а в RoosStackNavigator

const MainStack = createStackNavigator();
const RootStack = createStackNavigator();

function RootStackScreen() {
  return (
    <RootStack.Navigator mode="modal">
      <RootStack.Screen
        name="Main"
        component={MainStackScreen}
        options={{ headerShown: false }}
      />
      <RootStack.Screen name="MyModal" component={ModalScreen} />
    </RootStack.Navigator>
  );
}


function MainStackScreen() {
  return (
    <MainStack.Navigator>
      <MainStack.Screen name="Home" component={HomeScreen} />
      <MainStack.Screen name="Details" component={DetailsScreen} />
    </MainStack.Navigator>
  );
}