title: react native 2 flatlist horizontal and vertical both in view issue with scroll
body: <p>i have 2 flatlist in my screen (maybe will more in future) one in horizontal mode and another vertical</p>
  <p>but they not position reletive to screen, it seems position absolute</p>
  <p><a href="https://i.stack.imgur.com/7B9GV.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7B9GV.jpg" alt="enter image description here" /></a></p>
  <p>my code :</p>
  <pre><code>render() {
        return (
         &lt;View&gt;
              &lt;View&gt;
                  &lt;FlatList
                      data={this.state.topData}
                      renderItem={({ item }) =&gt; &lt;ItemSample item={item} /&gt;}
                      horizontal={true}
                      keyExtractor={item =&gt; item.slug}
                      refreshing={this.state.topLoading}
                      onRefresh={this.handleRefresh.bind(this)}
                  /&gt;
              &lt;/View&gt;
  
              &lt;View&gt;
                  &lt;FlatList
                      data={this.state.lastData}
                      renderItem={({ item }) =&gt; &lt;ItemSample item={item} /&gt;}
                      horizontal={false}
                      numColumns={2}
                      keyExtractor={item =&gt; item.slug}
                      refreshing={this.state.lastLoading}
                      onRefresh={this.handleRefresh.bind(this)}
                  /&gt;
              &lt;/View&gt;
          &lt;/View&gt;
                  
          
        );
      }
  </code></pre>