我正在尝试添加一个顶部标签栏,当我在“发现”标签页时,该标签栏可见。我该怎么做呢?感谢任何帮助! 这就是我设置底部标签栏的方式:
export const Tabs = TabNavigator({
Discover: {
screen: DiscoverScreen,
navigationOptions: {
tabBar: {
label: "Discover",
icon: ({tintColor}) => <Icon name="list" size={20} color={tintColor}/>
}
},
},
Tickets: {
screen: TicketScreen,
navigationOptions: {
tabBar: {
label: "Tickets",
icon: ({tintColor}) => <Icon name="photo" size={20} color={tintColor}/>
}
},
},
MyProfile: {
screen: MyProfile,
navigationOptions: {
tabBar: {
label: "Profile",
icon: ({tintColor}) => <Icon name="account-circle" size={20} color={tintColor}/>
}
},
},
}, {
tabBarComponent: NavigationComponent,
tabBarPosition: 'bottom',
tabBarOptions: {
bottomNavigationOptions: {
labelColor: 'red',
rippleColor: 'white',
tabs: {
Discover: {
barBackgroundColor: '#37474F'
},
MyProfile: {
barBackgroundColor: '#00796B'
},
}
}
} });
答案 0 :(得分:0)
解决了!
const DiscoverNav = TabNavigator({
Feed: {
screen: FeedScreen
},
Clubs: {
screen: CoolScreen
},
//Add in more tabs here
},
{
tabBarPosition: 'top'
});
const MainTabNav = TabNavigator({
Discover: {
screen: DiscoverNav
},
Tickets: {
screen: TicketScreen
},
Profile: {
screen: MyProfile
}
},