在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组件中，使用以下代码导航到您的fourscreen组件：

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