title: ScrollView not showing everything and is cut off
body: <p>I need this screen to <strong><em>show all the contents</em></strong> that is inside the scrollview, I've tried everything setting ScrollView's flexGrow to 1, parent view's flex to 100. The scrollview is scrolling down until iteration of Bark Central Dog Park &amp; Cafe but it is cut off to half and can't scroll any further, also I noticed that the text HELP ME can not be found too. Thank you so much, as this problem has been bothering me and my progress in react native.</p>
  
  <p>Please tell me what I should do and where I have gone wrong. Thank you again! </p>
  
  <p>NotificationScreen.js</p>
  
  <pre><code>export default class NotificationScreen extends Component 
  {
  static navigationOptions = ({ navigation }) =&gt; {
      const { state } = navigation;
          const {} = state;
          return {  
            header: null,
          };
  
  }
  render() {
      return (
          &lt;View style={styles.parentContainer}&gt;
              &lt;View style={{flexDirection: 'row', marginLeft: '5%', marginTop: '5%'}}&gt;
                      &lt;TouchableOpacity onPress={() =&gt; this.props.navigation.navigate('JobFeedScreen')}&gt;
                          &lt;Entypo name="chevron-thin-left" color={Colors.red} size={30} /&gt;
                      &lt;/TouchableOpacity&gt;
  
                      &lt;View style={{marginLeft: 80,}}&gt;
                          &lt;Text style={{ fontFamily: 'CoreSansD65Heavy',color: Colors.semiGray, fontSize: 25,}}&gt; Ty, Next&lt;/Text&gt;
                      &lt;/View&gt;
  
                      &lt;TouchableOpacity onPress={()=&gt; this.props.navigation.navigate('LaunchScreenStack')} style={{marginLeft: 87,marginRight: '5%',}}&gt;
                          &lt;SimpleLineIcons name='bubbles' color={Colors.red} size={30} /&gt; 
                      &lt;/TouchableOpacity&gt;
              &lt;/View&gt;
              &lt;View style={{marginLeft: '5%'}}&gt;
                  &lt;Text style={styles.notificationHeader}&gt; Notifications&lt;/Text&gt;
              &lt;/View&gt;
  
              &lt;ScrollView  horizontal={false} overScrollMode={'auto'}&gt;
                 &lt;TouchableOpacity style={styles.notifPlace}&gt;
                      &lt;View style={styles.notifTextPlace}&gt;
  
                      &lt;/View&gt;
                      &lt;Text style ={styles.text}&gt;Anteriore, Inc.&lt;/Text&gt;
                 &lt;/TouchableOpacity&gt;
                 &lt;TouchableOpacity style={styles.notifPlace}&gt;
                      &lt;View style={styles.notifTextPlace}&gt;
  
                      &lt;/View&gt;
                      &lt;Text style ={styles.text}&gt;The Palace Manila&lt;/Text&gt;
                 &lt;/TouchableOpacity&gt;
                 &lt;TouchableOpacity style={styles.notifPlace}&gt;
                      &lt;View style={styles.notifTextPlace}&gt;
  
                      &lt;/View&gt;
                      &lt;Text style ={styles.text}&gt;Boozy.ph&lt;/Text&gt;
                 &lt;/TouchableOpacity&gt;
                 &lt;TouchableOpacity style={styles.notifPlace}&gt;
                      &lt;View style={styles.notifTextPlace}&gt;
  
                      &lt;/View&gt;
                      &lt;Text style ={styles.text}&gt;Pet warehouse PH&lt;/Text&gt;
                 &lt;/TouchableOpacity&gt;
                 &lt;TouchableOpacity style={styles.notifPlace}&gt;
                      &lt;View style={styles.notifTextPlace}&gt;
  
                      &lt;/View&gt;
                      &lt;Text style ={styles.text}&gt;Bark Central Dog Park &amp; Cafe&lt;/Text&gt;
                 &lt;/TouchableOpacity&gt;
                 &lt;TouchableOpacity style={styles.notifPlace}&gt;
                      &lt;View style={styles.notifTextPlace}&gt;
  
                      &lt;/View&gt;
                      &lt;Text style ={styles.text}&gt;Pet warehouse PH&lt;/Text&gt;
                 &lt;/TouchableOpacity&gt;
                 &lt;TouchableOpacity style={styles.notifPlace}&gt;
                      &lt;View style={styles.notifTextPlace}&gt;
  
                      &lt;/View&gt;
                      &lt;Text style ={styles.text}&gt;Bark Central Dog Park &amp; Cafe&lt;/Text&gt;
                 &lt;/TouchableOpacity&gt;
                 &lt;Text&gt; PLEASE HELP ME &lt;/Text&gt;
                 &lt;Text&gt; PLEASE HELP ME &lt;/Text&gt;   
                 &lt;Text&gt; PLEASE HELP ME &lt;/Text&gt;            
                 &lt;Text&gt; PLEASE HELP ME &lt;/Text&gt;   
          &lt;/ScrollView&gt;
          &lt;/View&gt;
  
  
  
      );
  }
  </code></pre>
  
  <p>NotificationScreenStyles.js</p>
  
  <pre><code>import { StyleSheet } from 'react-native'
  import { Metrics, ApplicationStyles, Colors } from '../../Themes/'
  
  export default StyleSheet.create({
    ...ApplicationStyles.screen,
    container: {
  paddingBottom: Metrics.baseMargin
    },
    logo: {
      marginTop: Metrics.doubleSection,
      height: Metrics.images.logo,
      width: Metrics.images.logo,
      resizeMode: 'contain'
    },
    centered: {
      alignItems: 'center'
    },
    parentContainer: {
      flex:1, 
      backgroundColor: Colors.white
    },
    notificationHeader: {
      justifyContent: 'flex-start', 
      fontFamily: 'CoreSansD45Medium',
      marginTop: 40,
      marginBottom: 20,
      fontSize: 20,
      color: Colors.gray,
      textAlign: 'left',
    },
    notifPlace: {
      flexGrow: 0,
      flexDirection: 'row',
      backgroundColor: Colors.white, 
      width: '100%', 
      height: '12%',
      borderWidth: 0.5,
      borderColor: Colors.buttonGray,
    },
    notifTextPlace: {
      width:60,
      height:60,
      borderRadius: 60/2, 
      backgroundColor:Colors.buttonGray ,
      alignSelf: 'center', 
      justifyContent: 'flex-start', 
      marginLeft: '5%', 
      marginRight: 10,
      marginBottom: 20,
      marginTop: 20,
    },
    text: {
      fontFamily: 'CoreSansD45Medium',
      fontSize: 15, 
      alignSelf: 'center', 
      color: Colors.gray,
      marginBottom: 10,
    },
    text2: {
      alignSelf: 'center',
      fontFamily: 'CoreSansD35Regular',
      fontSize: 15,
      marginBottom: 10,
    },
  })
  </code></pre>
  
  <p>Screenshot 1: </p>
  
  <p><a href="https://ibb.co/XD0CBhy" rel="nofollow noreferrer"> SC1 </a></p>
  
  <p>Screenshot 2: ( it only scrolls up to here ) </p>
  
  <p><a href="https://ibb.co/T0Qr3zQ" rel="nofollow noreferrer"> SC2 </a></p>