title: ScrollView snaps back into place with { position: absolute}
body: <p>Because of the many layers displayed on my form and to create transparency effects, I need to place my ScrollView at an absolute position; unfortunately, when add the { position: 'absolute' } style, my ScrollView snaps back to the top after I release my finger.
  I read all the relevant threads on stackoverflow to no avail.</p>
  
  <p>Here's a screen capture of the code below: <a href="https://imgur.com/a/fd4ad" rel="noreferrer">http://imgur.com/a/fd4ad</a></p>
  
  <p>Here's the code I am using:
      import React, { Component } from 'react';
      import { View, ScrollView, Text } from 'react-native';</p>
  
  <pre><code>class HomeTest extends Component {
      render() {
          const { headerTextStyle, homeView, scrollViewStyle, textStyle } = styles;
  
          return (
              &lt;View&gt;
                  &lt;ScrollView style={scrollViewStyle} contentContainerStyle={homeView}&gt;
                      &lt;Text style={textStyle}&gt;I'd love to figure out why this is not working.........................&lt;/Text&gt;
                  &lt;/ScrollView&gt;
                  &lt;Text style={headerTextStyle}&gt;Header&lt;/Text&gt; 
              &lt;/View&gt;
          );
      }
  }
  
  const styles = {
      headerTextStyle: {
          fontSize: 40,
          alignSelf: 'center'
      },
      scrollViewStyle: {
          position: 'absolute',
          paddingTop: 60,
          marginTop: 0 
      },
      homeView: {
          alignItems: 'center',
          justifyContent: 'center'
      },
      textStyle: {
          fontSize: 96
      },
  };
  
  export default HomeTest;
  </code></pre>