在 StackNavigators（嵌套堆栈）之间导航时动态更改 initialRouteName

Question

我在单个 StackNavigator 中使用了多个 StackNavigator。我想导航到堆栈中的特定屏幕，而不是导航时定义的 initialRouteName。

我已经使用 navigation.dispatch() 尝试了 StackActions / NavigationActions。但无法解决问题。

const firstStack = createStackNavigator({
firstScreen: firstScreen,
secondScreen: secondScreen
},
{initialRouteName: 'firstScreen'});

const secondStack = createStackNavigator({
thirdScreen: thirdScreen,
fourthScreen: fourthScreen
},
{initialRouteName: 'thirdScreen'});

const appStack = createStackNavigator({
firstStack: firstStack,
secondStack: secondStack
});

我想从 firstStack - firstScreen 导航到 secondStack - FourthScreen。

Answer 1

在您的 firstScreen 组件中，使用以下代码导航到您的 FourthScreen 组件：

this.props.navigation.navigate('fourthScreen', {}, NavigationActions.navigate({ routeName: 'fourthScreen' }));