React native 反应本机-导航回推送页面

React native 反应本机-导航回推送页面,react-native,React Native,我多次推同一页面,并希望导航回特定实例 最初在主页上单击按钮 this.props.navigation.push('Page', {name: 'first', ..}); 然后从上页到下页 this.props.navigation.push('Page', {name: 'second', ..}); 同样从第二名开始 this.props.navigation.push('Page', {name: 'third', ..}); 我需要你在第三页的按钮 <Button onP

我多次推同一页面,并希望导航回特定实例

最初在主页上单击按钮

this.props.navigation.push('Page', {name: 'first', ..});
然后从上页到下页

this.props.navigation.push('Page', {name: 'second', ..});
同样从第二名开始

this.props.navigation.push('Page', {name: 'third', ..});
我需要你在第三页的按钮

<Button onPress={()=>this.props.navigation.goBack()}> go back to second </Button>
<Button> go back to first </Button>
this.props.navigation.goBack()}>返回第二步
回到第一位

按下另一个按钮返回第一页时我应该做什么?

假设您是StackNavigator,您可以尝试使用
重置
参数。 因此,按下按钮的方法应如下所示:

<Button onPress={()=>this.props.navigation.reset()}> go back to first</Button>
<Button> go back to first</Button>
this.props.navigation.reset()}>返回到第一个
回到第一位
但是如果您有4个屏幕,并且您在第4个屏幕上,并且您希望转到第2个屏幕而不是第一个屏幕,则重置方法将始终清除堆栈导航,以便将您带到第一个屏幕。 要实现这一点,您可以将
参数与
goBack()
方法一起使用,有关详细信息,请查看文档


希望这有帮助

假设您是StackNavigator,您可以尝试使用
reset
参数。 因此,按下按钮的方法应如下所示:

<Button onPress={()=>this.props.navigation.reset()}> go back to first</Button>
<Button> go back to first</Button>
this.props.navigation.reset()}>返回到第一个
回到第一位
但是如果您有4个屏幕,并且您在第4个屏幕上,并且您希望转到第2个屏幕而不是第一个屏幕,则重置方法将始终清除堆栈导航,以便将您带到第一个屏幕。 要实现这一点,您可以将
参数与
goBack()
方法一起使用,有关详细信息,请查看文档

希望这有帮助