如何在反应导航中在不同的嵌套堆栈之间导航 - 反应原生

Question

我是原生反应的新手。我一直在使用 createStackNavigator 来导航整个应用程序。

我创建了许多不同的堆栈。在每个堆栈中，我都有我的标题代码。我希望能够按下每个标题中的一个按钮以导航到另一个屏幕，但是该屏幕位于另一个堆栈中。我将如何访问它？

这是我的代码。

export const SearchStack = createStackNavigator({
  Search: {
    screen: SearchScreen
         });


export const HomeStack = createStackNavigator({
  Home:
  {
        screen: HomeScreen,
        navigationOptions: ({ navigation }) => ({
          headerTitle: 'Home',
           headerRight: (
             <Icon name="ios-search" color="#fff" size={30} style={{paddingRight: 20}}
             onPress={() => navigation.navigate('SearchStack', {}, NavigationActions.navigate({ routeName: 'Search'}))} />
            ),
             headerTitleStyle:{
               color: "white",
               alignSelf: "center",
               fontSize: 20        
             }, 
             headerStyle:{
               backgroundColor: "#404042"
            } 
          }),
      },
  Listen: {
    screen: MainScreen,
        navigationOptions: {
          headerTitle: 'Listen',
           headerRight: (
             <Icon name="ios-search" color="#fff" size={30} style={{paddingRight: 20}}
             onPress={() => navigation.navigate('Search')} />
             ),
             headerTitleStyle:{
               color: "white",
               alignSelf: "center",
               fontSize: 20        
             },
             headerStyle:{
               backgroundColor: "#404042"
            } 
           }
          },
       
         },                             
});

Answer 1

通常你可以调用任何你想要的屏幕，只要它在堆栈之一中。