title: React native scroll view twitching on iOS when using SafeAreaView
body: <p>This is bizarre and I can't find anything about it.</p>
  
  <p>I have a very simple project (just getting started with react native), and when I put a list of items in a scroll view, I'm getting a constant "twitching". Here is a video of the behavior: <a href="https://imgur.com/a/MYerrFl" rel="nofollow noreferrer">https://imgur.com/a/MYerrFl</a></p>
  
  <p>It happens on both the iOS simulator as well as my phone.</p>
  
  <p>Here is the very simple code:</p>
  
  <pre><code>const App = () =&gt; {
      return (
          &lt;ScrollView style={{
              backgroundColor: '#fcfcfc'
          }}&gt;
              &lt;SafeAreaView&gt;
                  {['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p'].map((letter) =&gt; {
                      return &lt;Text style={{
                          backgroundColor: 'red',
                          padding: 20,
                          margin: 3
                      }} key={letter}&gt;{letter}&lt;/Text&gt;
                  })}
              &lt;/SafeAreaView&gt;
          &lt;/ScrollView&gt;
      );
  };
  </code></pre>
  
  <p>When I remove the SafeAreaView, it doesn't twitch at all...</p>