Как разместить кнопку и навигатор по вкладкам на одной странице?

Question

Я новичок в программе native-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;