title: Keep content padding when scrolling in ScrollView
body: <p>I'm using a simple ScrollView with the following style:</p>
  <pre class="lang-js prettyprint-override"><code>&lt;ScrollView style={
      {
          height: '100%', 
          width: '100%', 
          shadowRadius: 8,
          backgroundColor: 'white',
          shadowOpacity: 0.2,
          shadowColor: 'black',
          elevation: 20,
          shadowOffset: {
              width: 0,
              height: 0
          },
          position:'relative',
          marginTop: 10,
          paddingTop: 10,
          borderTopLeftRadius: 15,
          borderTopRightRadius: 15
          }
  }&gt;
      &lt;Content .../&gt;
  &lt;/ScrollView&gt;
  </code></pre>
  <p>When scrolling down, I'm experiencing no padding of the content, which looks bad.</p>
  <p><a href="https://i.stack.imgur.com/NjLkh.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/NjLkh.gif" alt="gif" /></a></p>
  <p>What style property can improve this visualization?</p>
  <p>My environment:</p>
  <pre><code>  Expo CLI 3.21.12 environment info:
      System:
        OS: macOS 10.15.5
        Shell: 5.7.1 - /bin/zsh
      Binaries:
        Node: 14.3.0 - /usr/local/bin/node
        Yarn: 1.22.4 - /usr/local/bin/yarn
        npm: 6.14.5 - /usr/local/bin/npm
      IDEs:
        Android Studio: 3.4 AI-183.6156.11.34.5692245
        Xcode: 11.5/11E608c - /usr/bin/xcodebuild
      npmPackages:
        expo: 37.0.0 =&gt; 37.0.0
        react: 16.9.0 =&gt; 16.9.0
        react-dom: 16.9.0 =&gt; 16.9.0
        react-native: https://github.com/expo/react-native/archive/sdk-37.0.0.tar.gz =&gt; 0.61.4
        react-native-web: 0.11.7 =&gt; 0.11.7
      npmGlobalPackages:
        expo-cli: 3.21.12
  </code></pre>
  <p>This is tested on Android emulator Pixel 2 XL Android R</p>