React Native: перейти на новую страницу без вкладок?

Question

Так что я хочу сделать очень просто, но я не уверен, как это сделать.

1) У меня есть вкладки на главной странице.

2) На страницах вкладок есть кнопки, которые при нажатии выводят меня на новую страницу.

3) На этой новой странице все еще отображаются старые вкладки с главной страницы. Я не хочу, чтобы это случилось.

Код для создания вкладок:

  render() {
    const Tab = createMaterialTopTabNavigator();

    return (
      <Tab.Navigator tabBarOptions={{}}>
        <Tab.Screen name="Profile" component={Profile} />
        <Tab.Screen name="Swipe" component={SwipePage} />
        <Tab.Screen name="Messages" component={FemaleMessages} />
      </Tab.Navigator>
    );
  }

Stack Navigator для перехода на следующую страницу:

    const Stack = createStackNavigator();
    return (
      <Stack.Navigator>
        <Stack.Screen
          name="Main"
          component={test}
          options={{
            headerTransparent: true,
            headerTitle: '',
            headerLeft: null,
          }}
        />
        <Stack.Screen
          name="Settings"
          component={Settings}
          options={{
            headerTransparent: true,
            headerTitle: '',
            headerBackTitle: 'Home',
          }}
        />
...
)

И кнопка для перехода на новую страницу : (Пробовал "заменить", "перемещаться", "pu sh")

 <TouchableOpacity
          style={{marginLeft: 20, marginRight: 20}}
          onPress={() =>
            navigation.replace('Settings', {tabBarVisible: false})
          }>
          <Image
            source={require('../images/close.png')}
            style={{width: 40, height: 40}}></Image>
        </TouchableOpacity>