title: Is it good idea to ignore the warning message `VirtualizedLists should never be nested inside plain ScrollViews`
body: <p>I am beginner in react native</p>
  <p>I am trying to use flatList in <code>react native</code>,
  The thing is that I need to use <code>ScrollView</code> and <code>flatList</code> at the same time because I am showing a lot of items.</p>
  <p>So I write the component something like this</p>
  <pre><code>import React, {useEffect, useState} from 'react';
  
  
  const windowWidth = Dimensions.get('window').width;
  
  const isCloseToBottom = ({layoutMeasurement, contentOffset, contentSize}) =&gt; {
    const paddingToBottom = 20;
    return (
      layoutMeasurement.height + contentOffset.y &gt;=
      contentSize.height - paddingToBottom
    );
  };
  
  const BikeScreen = ({navigation}) =&gt; {
    const [renderDataCount, setRenderDataCount] = useState(10);
  
    const bikeList = useSelector((state) =&gt; state.productReducer.bikeList);
    const token = useSelector((state) =&gt; state.authReducer.token);
  
    const dispatch = useDispatch();
  
    
  
    useEffect(() =&gt; {
      LogBox.ignoreLogs(['VirtualizedLists should never be nested']);
    }, []);
  
    const stateChange = () =&gt; {
      setChildState(!childState);
    };
  
  const renderItems = ({ item }) =&gt; (
      &lt;IndividualProduct
        info={item}
        fav={true}
        stateChange={stateChange}
        setLoading={setLoading}
      /&gt;
    );
  
    return (
      &lt;ScrollView
        onScroll={({nativeEvent}) =&gt; {
          if (isCloseToBottom(nativeEvent)) {
            if (renderDataCount + 4 &lt; bikeList.length) {
              setRenderDataCount(renderDataCount + 4);
            } else if (renderDataCount + 1 &lt; bikeList.length) {
              setRenderDataCount(renderDataCount + 1);
            }
          }
        }}
        scrollEventThrottle={400}&gt;
        &lt;Loader loading={loading} /&gt;
  
        {bikeList.length &gt; 1 &amp;&amp; (
          &lt;FlatList
            data={bikeList}
            renderItem={renderItems}
            keyExtractor={(item) =&gt; item.name}
          /&gt;
        )}
      &lt;/ScrollView&gt;
    );
  };
  
  export default BikeScreen;
  </code></pre>
  <p>So when I try to use both <code>ScrollView</code> and <code>flatList</code>
  I got the error log something like this</p>
  <p><code>WARNING : VirtualizedLists should never be nested inside plain ScrollViews</code></p>
  <p>So as you can see in the code I am using useEffect hook to ignore the warning.</p>
  <p>The thing is that the data coming from the api is <code>alot</code> numbering up to 400 items in bikelist
  So I am concern about the performance issue.</p>
  <p>What I want to know is that <code>Is Ignoring this warning statement</code> a good idea?
  And is there anyway this is effecting my app performance?</p>