如何使TabNavigator可滚动

Question

我正在使用TabNavigation，我正在使用超过5个选项卡。因此我的文本横向移动我的标签变得越来越小。所以我想让我的TabNavigator可滚动。那么我有什么方法可以做到这一点。是的，我已经在 tabBarOptions 中使用了 scrollEnabled：true 但没有任何反应。我是React Native的新手，我不太了解TabNavigator的属性.Any帮助将有用，提前谢谢。

修改：我已检查过我的Android和IOS版本。在Android中，scrollableTabs工作正常，但在IOS中没有滚动。

const TabNavigation = TabNavigator( { TabItem1: { screen: ProfileDetailScreen, navigationOptions: { tabBarLabel: "CURRENT EVENTS", } }, TabItem2: { screen: ProfileDetailScreen, navigationOptions: { tabBarLabel: "OPEN INVITATION", } }, TabItem3: { screen: ProfileDetailScreen, navigationOptions: { tabBarLabel: "ACCEPTED INVITATION", } }, TabItem4: { screen: ProfileDetailScreen, navigationOptions: { tabBarLabel: "MY EVENTS", } }, TabItem5: { screen: ProfileDetailScreen, navigationOptions: { tabBarLabel: "PAST EVENTS", } } }, { tabBarPosition: "top", swipeEnabled:false, animateStyle:false, tabBarOptions: { scrollEnabled: true, activeTintColor: Colors.goldColor, inactiveTintColor: Colors.goldColor, upperCaseLabel: false, showIcon: false, showLabel :true, labelStyle: { fontSize: 12, marginBottom:5, padding: 0 }, style: { backgroundColor: 'black', height: 50, borderWidth: 0 }, indicatorStyle: { backgroundColor: 'black', }, } }

Answer 1

应该在tabBarOption

中传递scrollEnabled

export const Tabs = TabNavigator({},{
    'lazy': true,
    tabBarOptions: {
        scrollEnabled: true
    },
  }
);