const NavBar = TabNavigator({
HamburgerMenu: {
screen: HamburgerScreen,
navigationOptions: {
tabBarIcon: ({ tintColor }) => <Icon name='bars' style={styles.iconStyle}/>
}
},
Landing: {
screen: LandingScreen,
navigationOptions: {
tabBarIcon: ({ tintColor }) => <Icon name='home' style={styles.iconStyle}/>
}
},
SearchMenu: {
screen: SearchScreen,
navigationOptions: {
tabBarIcon: ({ tintColor }) => <Icon name='search' style={styles.iconStyle}/>
}
},
CategoryMenu: {
screen: CategoryScreen,
navigationOptions: {
tabBarIcon: ({ tintColor }) => <Icon name='th-large' style={styles.iconStyle}/>
}
},
NotificationMenu: {
screen: NotificationScreen,
navigationOptions: {
tabBarIcon: ({ tintColor }) => <Icon name='bell-o' style={styles.iconStyle}/>
}
},
InboxMenu: {
screen: InboxScreen,
navigationOptions: {
tabBarIcon: ({ tintColor }) => <Icon name='comments' style={styles.iconStyle} />,
tabBarVisible: false
}
},
}, {
tabBarPosition: 'top',
swipeEnabled:true,
initialRouteName: 'Landing',
tabBarOptions: {
showIcon: true,
showLabel:false,
tinColor: '#405ac2',
activeTintColor: '#eee',
upperCaseLabel: true,
indicatorStyle: {
backgroundColor: '#ccc'
},
style: {
backgroundColor: "#405ac2"
},
tabStyle : {
backgroundColor: 'transparent'
}
}
,
}
);
我正在使用react-navigation构建一个react-native应用程序,这是我的TabNavigator代码(嵌套在StackNavigator中),其中用于在选项卡之间切换的滑动手势在android上工作得很好但是在ios模拟器上没有工作 . 所以我使用了swipeEnabled:true在我的tabbar配置中,但应用程序因此而崩溃 .
提前致谢!