title: Flatlist won't scroll
body: <p>Im veryyy new to react native and I'm trying to build my first app. I'm trying to use a flatlist but it wont scroll. The items appear on the screen, however, they won't scroll. My app just basically inputs user input into the list. I tried removing any sort of flex styling, but still nothing. Pls help :)</p>
  <p>EDIT: i forgot to add height to the parent view. Oops</p>
  <p>Heres my code for the list component</p>
  <pre><code>import React, { useState } from 'react';
  import { StyleSheet, Text, View, TouchableOpacity,Modal,TextInput, FlatList, ScrollView } from 'react-native';
  
  
  const AddUpdate = () =&gt; {
    const [posts,setPosts] = useState('')
    const [modal,setModal] = useState(false)
    const [array,setArray] = useState([])
  
    const AddToArray = () =&gt; {
      setArray(array =&gt;[...array,posts])
      alert(array)
      setModal(false)
  
    }
  
    return (
     &lt;View &gt;
     &lt;TouchableOpacity style = {styles.button} 
      onPress={() =&gt; setModal(true)} &gt;
     &lt;Text style = {styles.subTitle} &gt;Post An Update&lt;/Text&gt;
    &lt;/TouchableOpacity&gt;
      &lt;Modal 
      animationType='slide'
      visible={modal}
      &gt;
      &lt;View&gt;
      &lt;View style={styles.modalHeader}/&gt;
      &lt;TextInput
         multiline 
         placeholder=&quot;Write your message&quot;
         style={styles.content}
         onChangeText={(val) =&gt; setPosts(val)}
         value={posts}
         maxLength={300}
      /&gt;
      &lt;TouchableOpacity style = {styles.sendButton} 
      //onPress={() =&gt; setModal(false)} 
      onPress = {AddToArray} 
      
      &gt;
    &lt;Text style = {styles.sendTitle}&gt;Post&lt;/Text&gt;
    &lt;/TouchableOpacity&gt;
      &lt;/View&gt;
      &lt;/Modal&gt;
   
     
    {/* &lt;FlatList //this is meant to be coded out.
    data={array}
   renderItem={({item}) =&gt; ( 
   
     &lt;Text style={styles.postText}&gt;{item}&lt;/Text&gt;
   )}
    &gt;
    {array.map((item,key) =&gt; (
       &lt;TouchableOpacity&gt;
        &lt;Text key={key} style={styles.postText}&gt;{item}&lt;/Text&gt;
        &lt;/TouchableOpacity&gt;
      
      ))}  
    
      &lt;/FlatList&gt;
   */}
  
  &lt;FlatList
   data={array}
   renderItem={({item}) =&gt; ( 
     &lt;Text style={styles.item}&gt;{item}&lt;/Text&gt;
   )}
  
  /&gt;   
  
  &lt;/View&gt;
  
    );
  }
  
  
  const styles = StyleSheet.create({
   
    button: {
      elevation:8,
      margin: 5,
      top:-56,
      alignItems:'center',
      padding:30,
      backgroundColor:'#BEBEBE',
      borderRadius:25,
      
    },
  
    sendButton: {
      elevation:8,
      position:'absolute',
      top:20,
      right:10,
      left:200,
      alignItems:'center',
      padding:9,
      backgroundColor:'#8B0000',
      borderRadius:5,
      
    },
  
    subTitle: {
      fontSize:30, 
      color: 'white',
      marginLeft:-150,
  
    },
  
    sendTitle: {
      fontSize:20, 
      color: 'white',
      justifyContent:'center',
  
    },
  
    content: {
      flex:1,
      position:'absolute',
      fontSize:25,
      color:'black',
      top:130,
      right:20,
      left:20,
    
    },
  
    modalHeader: {
      height:90,
      backgroundColor:'#CC9900'
  
    },
  
    postText: {
      top: -60,
      marginTop:20,
      color:'black',
      fontSize:25,
      elevation:8,
      //alignItems:'center',
      padding:30,
      backgroundColor:'#BEBEBE',
      borderRadius:25,
      
    },
  
    item: {
      color:'black',
      fontSize:25,
      
    },
  
  
    
  });
  
  export default AddUpdate; 
  </code></pre>
  <p>heres my code for App.js</p>
  <pre><code>import { StatusBar } from 'expo-status-bar';
  import React, { useState } from 'react';
  import { FlatList,  StyleSheet, Text,  View} from 'react-native';
  import AddUpdate from  './components/AddUpdate';
  
  
  export default function App() {
  
    return (
      &lt;View style={styles.container}&gt;
      &lt;View style = {styles.header}/&gt;
      &lt;View style= {{backgroundColor:'#fff'}}/&gt;
        &lt;Text style={styles.title}&gt; Updates!&lt;/Text&gt;
        &lt;StatusBar style=&quot;auto&quot; /&gt;
        &lt;AddUpdate/&gt;
    
        &lt;/View&gt;
      
    );
  }
  
  const styles = StyleSheet.create({
    container: {
     /// flex: 1,
     /// flexDirection: 'column',
      alignItems: 'stretch',
    //  paddingTop:30, 
    },
    header: {
      height:220, 
      backgroundColor:'#8B0000',
      borderBottomLeftRadius:55,
      borderBottomRightRadius:55,
    },
  
    title: {
      fontWeight:'bold',
      fontSize: 40,
      color:'#fff',
      textAlign:'center',
      top:-120,
    },
  
   
  });
  </code></pre>