Javascript 在React native中注销

我在react native中使用react导航制作了一个应用程序 我对导航的定义如下：

const MainNavigation = (props) => {
  const [token, setToken] = useState(null);
  useEffect(() => {
    (async () => {
      const token = await AsyncStorage.getItem("token");
      console.log(token);
      setToken(token);
    })();
  }, []);
  let screens = (
    <Stack.Navigator screenOptions={{ headerShown: false }}>
      <Stack.Screen name="Home" component={Home} />
      <Stack.Screen name="Login" component={Login} />
      <Stack.Screen name="Register" component={Register} />
    </Stack.Navigator>
  );
  if (token !== null) {
    screens = (
      <Stack.Navigator>
        <Stack.Screen name="Welcome" component={Welcome} />
        <Stack.Screen name="Map" component={Map} />
        <Stack.Screen name="HomeUser" component={HomeUser} />
        <Stack.Screen name="Add" component={Add} />
        <Stack.Screen name="Add2" component={Add2} />
        <Stack.Screen name="Details" component={Details} />
      </Stack.Navigator>
    );
  }
  return (
    <NavigationContainer>
      {screens}
    </NavigationContainer>
  );
};

我怎么回家？

---

非常感谢您的帮助

在堆栈中添加initialRouteName。Navigator。。因此，当用户注销时，它将清除令牌。。如果您将主页设置为初始值，则不必再次导航到主页。您可以给我看一些代码吗？

pressFn: async () => {
        await AsyncStorage.clear();
        props.navigation.navigate("Home");
      },