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

Question

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

例如，我有四个屏幕。

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

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

Answer 1

您可以根据需要在这些页面之间导航，例如假设您在 ScreenOne 中有一个按钮，按下该按钮后，您希望将用户带到 ScreenThree，您可以这样做:

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

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