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

Question

我是反应原生的初学者

我刚刚打开了一个带有选项卡导航器的项目已经存在

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

我该怎么做？

我试图在网上寻找一些指导

const RootStack = createStackNavigator(
{
Home: HomeScreen,
Search: SearchScreen,
},
{
initialRouteName: 'Home',
}
);
 const AppContainer = createAppContainer(RootStack);
 export default class App extends React.Component {
 render() {
 return <AppContainer />;
 }
 }

主屏幕.js

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

应用导航器.js

export default createAppContainer(createSwitchNavigator({
Main: MainTabNavigator,

}));

应用.js

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

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

Answer 1

你可以试试这段代码吗？

应用.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;