title: React Native Scrolling of list not working within scrollable view for Android
body: <p>My React Native app has a long view and the view shows scrollable lists. </p>
  
  <pre><code>  const TOTAL_LISTS = 20;
    const lists = [];
    for (let i = 0; i &lt; TOTAL_LISTS; i++) {
      lists.push(
        &lt;ScrollView style={{ height: 50, margin: 10 }}&gt;
          &lt;Text&gt;1&lt;/Text&gt;
          &lt;Text&gt;2&lt;/Text&gt;
          &lt;Text&gt;3&lt;/Text&gt;
          &lt;Text&gt;4&lt;/Text&gt;
          &lt;Text&gt;5&lt;/Text&gt;
        &lt;/ScrollView&gt;
      );
    }
  
    return (
      &lt;ScrollView scrollEventThrottle={10}&gt;
        &lt;Text&gt;Before Text&lt;/Text&gt;
        &lt;Text&gt;Before Text2&lt;/Text&gt;
        {lists}
        &lt;Text&gt;After Text&lt;/Text&gt;
        &lt;Text&gt;After Text2&lt;/Text&gt;
      &lt;/ScrollView&gt;
    );
  </code></pre>
  
  <p>If the main view does not go beyond screen view (eg. TOTAL_LISTS = 2) then the lists are still scrollable for Android. However, if the main view goes beyond the screen (eg. TOTAL_LISTS = 20) the lists are not scrollable because it only scrolls the main view. This does not happen to IoS devices.</p>
  
  <p>I am using Xiaomi Android 10.</p>
  
  <p>Is there any way to fix the issue?</p>