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;

如何将按钮和标签导航器放在同一页面上？

1 个答案: