title: Unable to scroll TabViewAnimated view
body: <p>I am using <b>TabViewAnimated</b> from <b>react-native-tab-view</b> with three scenes.  While loading it shows scroll bar for child scenes but it disappear soon and shows the scroll of TabViewAnimated which is not scrolling.</p>
  
  <p>My render function as follows:</p>
  
  <pre><code>render() {
    return (
      &lt;View style={{backgroundColor: "#fff"}}&gt;
      &lt;StickyHeaderFooterScrollView makeScrollable={true} 
        renderStickyHeader={() =&gt; (
          &lt;View&gt;
            &lt;Text&gt; My Title &lt;/Text&gt;
          &lt;/View&gt;
        )}
      &gt;
        &lt;View style={{backgroundColor: "#fff", height: Dimensions.get('window').height, flex: 1}}&gt;
          &lt;TabViewAnimated
            navigationState={this.state}
            renderScene={this._renderScene}
            animationEnabled={true}
            swipeEnabled={true}
            renderHeader={this._renderHeader}
            onIndexChange={index =&gt; this.setState({ index })}
            initialLayout={initialLayout}
          /&gt;
        &lt;/View&gt;
      &lt;/StickyHeaderFooterScrollView&gt;
    &lt;/View&gt;
    );
  }
  </code></pre>
  
  <p><b> initailLayout</b> value:
      const initialLayout = {
        height: 0,
        width: Dimensions.get('window').width,
       };</p>
  
  <p>And the _renderScene function is</p>
  
  <pre><code>renderScene = ({ route }) =&gt; {
    let auth = this.props.navigation.state.params.auth;
    switch (route.key) {
      case 'tab1':
        return &lt;Tabs1 /&gt;;
      case 'tab2':
        return &lt;Tab2 /&gt;;
      case 'tab3':
        return &lt;Tab3 /&gt;;
      default:
        return null;
    }
  };
  </code></pre>
  
  <p>Child scene tab be like,</p>
  
  <pre><code>&lt;View style={{flex: 1, backgroundColor:"#EEE"}}&gt;
    &lt;View style={{margin:'3%'}}&gt;
      &lt;FlatList
        vertical
        data={data}
        renderItem={({ item: rowData }) =&gt; {
          return (
            &lt;View &gt;
              &lt;View style={{width: "20%"}}&gt;
                &lt;Image source={{uri: rowData.photo}} /&gt;
              &lt;/View&gt;
              &lt;View style={{width: "60%"}}&gt;
                &lt;Text&gt; {rowData.name} &lt;/Text&gt;
              &lt;/View&gt;
              &lt;View style={{width: "20%"}}&gt;
                &lt;Text&gt; {rowData.mail} &lt;/Text&gt;
              &lt;/View&gt;
            &lt;/View&gt;
          );
        }}
        showsHorizontalScrollIndicator={false}
        keyExtractor={(item, index) =&gt; index.toString()}
      /&gt; 
    &lt;/View&gt;
  &lt;/View&gt;
  </code></pre>
  
  <p>what I am missing here?</p>