javascript - StackNavigator-跳过一页堆栈中的页面

在我的React Native应用程序中，我使用了React Navigation库来实现导航。我在StackNavigator上构建了整个应用程序。现在我遇到了一个我不知道如何解决的问题。有时基于some condition，我想skip堆栈导航器中的页面之一。

例如，我有四个屏幕。

const GuidelinesNavigation = StackNavigator({
  'ScreenOneRoute': { screen: ScreenOne },
  'ScreenTwoRoute': { screen: ScreenTwo },
  'ScreenThreeRoute': { screen: ScreenThree },
  'ScreenFourRoute': { screen: ScreenFour }
});

并且我想根据在third屏幕上做出的决定跳过second屏幕，但我不知道该怎么做。

最佳答案

您可以根据需要在这些页面之间导航，例如假设您在ScreenOne中有一个按钮，然后按下该按钮，您想将用户带到ScreenThree，您可以执行以下操作：

<TouchableOpacity onPress={() => this.props.navigation.navigate('ScreenThree')}>
    <Text>
        Go to Screen 3
    </Text>
</TouchableOpacity>

如果您还有另一个转到ScreenTwo的按钮，请执行完全相同的操作，但是将“ ScreenThree”更改为ScreenTwo