title: React native Tab View congested when number of tab is increase
body: <p>I am using <code>react-native-tab-view</code> for display tab on the top of the screen. Screen view looks congested in case of number of screen is going to increase (more than 5)</p>
  
  <p>Below is my code snippet </p>
  
  <pre><code>export default class CustomTabViewComponent extends React.Component{
  state = {
      index: 0,
      routes: [
        { key: 'tab1', title: 'Tab1' },
        { key: 'tab2', title: 'Tab2' },
        { key: 'tab3', title: 'Tab3' },
        { key: 'tab4', title: 'Tab4' },
        { key: 'tab5', title: 'Tab5' },
      ],
    };
  render(){
     return(
     &lt;TabView
            navigationState={this.state}
            renderScene={this.renderScene}
            renderTabBar={this._renderTabBar}
            onIndexChange={this.onIndexChange}
            initialLayout={{
              width: Dimensions.get('window').width,
              height: 100,
            }}
          /&gt;
  
  )}
  }
  </code></pre>
  
  <p>I am posting image also for reference.</p>
  
  <p><a href="https://i.stack.imgur.com/ClaL6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ClaL6.png" alt="enter image description here"></a></p>
  
  <p>Is there any property with the help of that i can make <code>TabView</code> scrollable to the right with individual tab fix width ? </p>
  
  <p>PS: I have try <code>react-native-scrollable-tab-view</code> but stuck at the same place.</p>