如何在本机反应中使用导航重定向？

Question

我有一个静态的 navigationOptions 并且我做了一个 headerRight 来放置一个按钮来断开连接。 问题是我不知道如何重定向！

这是我的导航选项：

  static navigationOptions = {
    title: "Profile",
    headerStyle: {
      backgroundColor: "#4169E1"
    },
    headerTintColor: "white",
    headerRight: (
      <Button
      onPress={() => removeItem()}
      title="Disconnect"
      color="white"
      />
    )
  };

所以它调用一个函数 removeItem() 来使用 AsyncStorage 删除项目：

export async function removeItem() {
    console.log("navigate => ", this.props);
    await AsyncStorage.removeItem("login");
    console.log("item login removed");
    navigate("Home") //something like that
    return ;
}

如何通过导航重定向到“主页”页面？ 谢谢帮忙！

Answer 1

如果你使用react-navigation，我猜你使用createStackNavigator，所以你可以使用

export async function removeItem() {
    console.log("navigate => ", this.props);
    await AsyncStorage.removeItem("login");
    console.log("item login removed");

    this.props.navigation.navigate('Home') // redirect to home

    return ;
}

或者如果你想回到上一个屏幕，你可以使用pop：

const popAction = StackActions.pop({
  n: 1, // number of screens to pop back by.
});

this.props.navigation.dispatch(popAction);