Как создать полноэкранный модальный модальный стек в React Native

Question

Я учусь реагировать на нативный и застрял с полноэкранным модальным.

вот пример модального, который я хочу создать, но предоставленное решение - просто новый экран, а не модальный, который я хотел и не модально они показывают в результате!

В предыдущей версии навигации требуется mode: 'modal', но я не знаю, как использовать это сейчас.

Вот часть моего кода

Приложение. js

import Comics from 'components/Comics';
import CharactersRoot from 'components/CharactersRoot';

function App() {
  const Tab = createBottomTabNavigator();
  return (
    <NavigationContainer>
      <Tab.Navigator>
        <Tab.Screen name="Home" component={CharactersRoot} />
        <Tab.Screen name="Comics" component={Comics} />
      </Tab.Navigator>
    </NavigationContainer>
  );
}

export default App;

Символы Root. js

function Root() {
  const Stack = createStackNavigator();
  return (
    <Stack.Navigator
      screenOptions={{
        headerStyle: {
          backgroundColor: '#f4511e',
        },
        headerTintColor: '#fff',
        headerTitleStyle: {
          fontWeight: 'bold',
        },
      }}>
      <Stack.Screen
        name="Home"
        component={CharactersList}
        options={{title: 'Characters', headerShown: false}}
      />
      <Stack.Screen
        name="Modal"
        component={ModalScreen}
        options={{title: 'Modal Info', mode: 'modal'}}
      />
    </Stack.Navigator>
  );
}
export default Root;

Скажите, пожалуйста Как я могу создать настоящий полноэкранный режим, который отображает контент, который временно блокирует взаимодействие с основным видом? Спасибо!