title: scrollview and flatlist override loading view
body: <p>I have got flatlist inside scrollview and its working fine, but both going over the loading view so I got blank view while first loading which contain both of them while first run loading.</p>
  <p>I didn't find any questions on it.</p>
  <pre><code>&lt;ScrollView style={{ backgroundColor: 'white', padding: scale(5) }} contentContainerStyle={{}}
              // scrollEventThrottle={this.onScroll}
              &gt;
                  &lt;FlatList style={{ transform: [{ scaleX: -1 }], borderBottomWidth:1, borderBottomColor: '#eee'}} contentContainerStyle={{ justifyContent: 'center', paddingBottom: !dataFollowing ? scale(40) : scale(20), alignItems: 'flex-start', backgroundColor: 'white', paddingHorizontal: scale(10) }} horizontal data={allData}
                      showsHorizontalScrollIndicator={false}
                      showsVerticalScrollIndicator={false}
                      ListHeaderComponent={
                          &lt;TouchableOpacity onPress={() =&gt; {
                              this.props.navigation.navigate('Search');
                          }}&gt;
  &lt;/FlatList&gt;&lt;/ScrollView&gt;
  </code></pre>
  <p>so basically I see this
  <a href="https://i.stack.imgur.com/ENuoX.png" rel="nofollow noreferrer">scrollview over loading</a></p>