Question

我正在尝试添加一个顶部标签栏，当我在“发现”标签页时，该标签栏可见。我该怎么做呢？感谢任何帮助！这就是我设置底部标签栏的方式：

    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'
    },
  }
}

} }）;

Answer 1

解决了！

   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
  }
 },

React Navigation，将顶部标签栏添加到底部标签栏？

1 个答案: