title: How to make TabNavigator Scrollable
body: <p>I am using TabNavigation and I am having <strong>more than 5 tabs</strong> .So horizontally my text my Tabs are getting smaller .So I want to make my TabNavigator scrollable. So is there any way I can do that . And yes I already used  <strong>scrollEnabled: true</strong> inside my <strong>tabBarOptions</strong> but nothing happened.I am very new to React Native and I don't know much of a property of TabNavigator .Any help will be useful thank you in advance.</p>
  
  <p><strong>Edit :</strong> I have checked both of my version Android and IOS. In Android scrollableTabs are working fine but in IOS there is no scroll.</p>
  
  <p><code>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',
                      },
                  }
              }
  </code></p>