如何将按钮和选项卡导航器放在同一页面上？

Question

我是 react-native 的初学者

我刚刚打开了一个标签导航器已经存在的项目

我想在我的搜索屏幕上添加一个按钮

我该怎么做？

我试图在网上寻找一些说明

const RootStack = createStackNavigator(
{
Home: HomeScreen,
Search: SearchScreen,
},
{
initialRouteName: 'Home',
}
);

 const AppContainer = createAppContainer(RootStack);

 export default class App extends React.Component {
 render() {
 return <AppContainer />;
 }
 }

HomeScreen.js

 <TouchableOpacity onPress = {()=>         

 this.props.navigation.navigate('Search')}>
          <Text>
            Search
          </Text>
          </TouchableOpacity>

AppNavigator.js

export default createAppContainer(createSwitchNavigator({

Main: MainTabNavigator,


}));

App.js

   return (
    <View style={styles.container}>
      {Platform.OS === 'ios' && <StatusBar barStyle="default" />}
      <AppNavigator />
    </View>
  );

我应该将 RootStack 添加到哪里？ 谢谢你的回答。

Answer 1

你能试试这个代码吗？

App.js：

const Switch = createAppContainer(createSwitchNavigator({

Main: MainTabNavigator,


}));


const RootStack = createStackNavigator(
{
Home: HomeScreen,
Search: SearchScreen,
Switch: Switch
},
{
initialRouteName: 'Switch',
}
);

 const AppContainer = createAppContainer(RootStack);

 export default AppContainer;