【发布时间】:2017-07-11 13:10:12
【问题描述】:
让我有三个屏幕。
- 首页
- 简介
- 设置
当应用程序启动时,主屏幕将显示两个选项卡(配置文件和设置)。我已将 react-navigation 用于选项卡导航器。单击“个人资料”选项卡时,将显示个人资料屏幕,如果单击“设置”选项卡,则将显示“设置”屏幕。
【问题讨论】:
标签: react-native react-navigation
让我有三个屏幕。
当应用程序启动时,主屏幕将显示两个选项卡(配置文件和设置)。我已将 react-navigation 用于选项卡导航器。单击“个人资料”选项卡时,将显示个人资料屏幕,如果单击“设置”选项卡,则将显示“设置”屏幕。
【问题讨论】:
标签: react-native react-navigation
您可以将导航对象添加到另一个作为屏幕。我尝试根据您的需要创建示例代码
const HomeScreen = createTabNavigator({
HomeScreen: {
screen: HomeScreen,
navigationOptions: {
header: null,
tabBarLabel: 'Profile',
tabBarOnPress: ({ navigation }) => {
navigation.navigate('Profile')
}
}
},
Settings: {
screen: Settings,
navigationOptions: {
header: null
}
},
},
{
initialRouteName: 'HomeScreen',
lazy: true,
})
const HomeScreen = createStackNavigator({
Profile: {
screen: Profile,
navigationOptions: {
header: null
}
},
Home: {
screen: Home,
navigationOptions: {
header: null
}
},
},
{
initialRouteName: 'Home',
lazy: true,
})
【讨论】: