title: How to use map to fetch JSON data objects in react native instead of FlatList. ScrollView is not working in FlatList
body: <p>Here is the error I am getting-
  VirtualizedLists should never be nested inside plain ScrollViews with the same orientation because it can break windowing and other functionality - use another VirtualizedList-backed container instead.
  Please check the below code.</p>
  <p>My main issue is I want to scroll my all data on the page, but the image is not scrolling because it's not inside the FlatList.</p>
  <p>If I use Flatlist then how can I scroll my all data on the page?</p>
  <p>and if I can't scroll my all page data using Flatlist then How can scroll and map json data. Thank you in advance for your support.</p>
  <pre><code>import React, { useEffect, useState, useContext, } from 'react';
  import { View, Text, Image, StyleSheet, ScrollView, SafeAreaView, ActivityIndicator, FlatList, } from 'react-native';
  
  
      export default function App() {
      
          const [isLoading, setLoading] = useState(true);
          const [data, setData] = useState([]);
      
          const getMovies = async () =&gt; {
              try {
                  const response = await fetch('https://reactnative.dev/movies.json');
                  const json = await response.json();
                  setData(json.movies);
              } catch (error) {
                  console.error(error);
              } finally {
                  setLoading(false);
              }
          }
      
          useEffect(() =&gt; {
              getMovies();
          }, [])
      
          return (
              &lt;ScrollView&gt;
                  &lt;SafeAreaView style={{ flex: 1, height: &quot;100%&quot; }}&gt;
      
                      &lt;Image source={require('./AllImage/qq2.jpg')}
                          style={{ width: &quot;auto&quot;, height: 150, resizeMode: &quot;cover&quot;, }} /&gt;
      
                      &lt;View&gt;
                          {isLoading ? &lt;ActivityIndicator /&gt; : (
                              &lt;FlatList nestedScrollEnabled
                                  data={data}
                                  keyExtractor={({ id }, index) =&gt; id}
                                  renderItem={({ item }) =&gt; (
      
      
                                      &lt;View style={styles.container}&gt;
                                          &lt;View style={styles.item}&gt;
                                              &lt;Text style={styles.mainText}&gt;{item.title}&lt;/Text&gt;
                                          &lt;/View&gt;
      
                                          &lt;View style={styles.item}&gt;
                                              &lt;Text style={styles.mainText}&gt;{item.releaseYear}&lt;/Text&gt;
                                          &lt;/View&gt;
                                      &lt;/View&gt;
                                  )}
                              /&gt;
                          )}
                      &lt;/View&gt;
                  &lt;/SafeAreaView&gt;
              &lt;/ScrollView&gt;
      
          );
      };
  </code></pre>