title: TextInput Not Showing In React Native
body: <p>I'm fairly new to react native and am trying to create an app that gives you a current stock price. I'm creating the design for the app to show to the people helping me. I have some code looking like this</p>
  <pre class="lang-js prettyprint-override"><code>import { StatusBar } from 'expo-status-bar';
  import React from 'react';
  import { StyleSheet, Text, View, TextInput, SafeAreaView} from 'react-native';
  
  export default function App() {
    return (
   
            
     
      &lt;View style={styles.container}&gt;
            &lt;TextInput style={styles.inp} /&gt;
            &lt;View style={styles.container}&gt;
            &lt;Text style={styles.titleText}&gt;$150.32&lt;/Text&gt;
            &lt;Text&gt;±$2.10&lt;/Text&gt;
            &lt;/View&gt;
        &lt;StatusBar style=&quot;auto&quot; /&gt;
      &lt;/View&gt;
  
    );
  }
  
  const styles = StyleSheet.create({
    container: {
      flex: 1,
      backgroundColor: '#fff',
      alignItems: 'center',
      justifyContent: 'center',
    },
  titleText: {
      
      fontFamily: &quot;AppleSDGothicNeo-Light&quot;,
      fontSize:75
  },
  basicText: {
  fontFamily: &quot;AppleSDGothicNeo-Light&quot;,
  fontSize:2
      
  },
  container2: {
      flexDirection:'row',
      justifyContent:'flex-end',
      alignItems:'flex-start'
  },
  inp: {
     
      height:40
  }
      
  });
  
  
  </code></pre>
  <p>The thing is the TextInput is not showing.
  I've followed some other questions and added a height but it still doesn't show. How do I fix this?</p>