title: How to fix this warning: VirtualizedLists should never be nested inside plain ScrollViews with the same orientation
body: <p>When I use <code>FlatList</code> component inside <code>ScrollView</code> I see a warning:</p>
  <blockquote>
  <p>VirtualizedLists should never be nested inside plain ScrollViews with the same orientation - use another VirtualizedList-backed container instead.</p>
  </blockquote>
  <p>Before and after <code>FlatList</code> I use a lot of other components and my screen is long.</p>
  <p>I tried to wrap content with <code>SafeAreaView</code> and it doesn't help me, because in this case I can't scroll the content. I also tried to use <code>ListHeaderComponent={SafeAreaView}</code> and <code>ListFooterComponent={SafeAreaView}</code> in <code>&lt;FlatList&gt;</code>.</p>
  <p>I use:</p>
  <ul>
  <li>&quot;react&quot;: &quot;16.9.0&quot;,</li>
  <li>&quot;react-native&quot;: &quot;0.61.5&quot;,</li>
  </ul>