title: Sending form to a seperate page
body: <p>I am trying to take a form for inputting you email and send it as text to display on a separate page. I have added the only code I think you would need from the two pages, if you need more let me know! Any help at all is appreciated more than you know!</p>
  <p>SignUpEmail.js</p>
  <pre><code>xport default class SignUpEmailPage extends Component {
    
    constructor() {
      super();
  
      this.state = {
        color1: '#A2A2A2',
        inputValue: '', //add state here
      };
    }
  
    updateInputValue = (event) =&gt; {
      this.setState({
          inputValue: event.target.value
      });
  }
  
  render() {
      return (
          &lt;View style={styles.containerMain}&gt;
          
          {/* Email Input */}
        &lt;Container style = {styles.emailInput}&gt;
          
          &lt;Form&gt;
            &lt;Item floatingLabel &gt;
              &lt;Label style={{color:this.state.color1}}&gt;Email Address&lt;/Label&gt;
                  &lt;Input
                  value = {this.state.inputValue}
                  onChange={this.updateInputValue}                
                  style={styles.textInput}
                  autoCorrect={false}
                  autoCapitalize=&quot;none&quot;
                  onFocus={() =&gt; this.setState({color1: '#F7018D'})}               
                  onBlur={() =&gt; this.setState({color1: '#A2A2A2'})}
                  /&gt;
            &lt;/Item&gt;
          &lt;/Form&gt;
        &lt;/Container&gt;
  </code></pre>
  <p><strong>EDIT - I have added my styles in case there is an issue there</strong></p>
  <p>After adding the updates below I still have nothing, I didnt bother putting them here but everything else is exactly how its copied here!</p>
  <p>CreatePassword.js</p>
  <pre><code>export default class CreatePasswordPage extends Component {
  
    /* Colors Input label*/
    constructor() {
      super();
  
      this.state = {
        color1: '#A2A2A2'};}
    
    render() {
  
      const {inputValue} = this.props.route.params;
  
      return (
          &lt;View style={styles.containerMain}&gt;
         
           {/* Password Input */}
        &lt;Container style = {styles.passwordInput}&gt;
          
          &lt;Form&gt;
            &lt;Item floatingLabel&gt;
             &lt;Label style={{color:this.state.color1}}&gt;Password&lt;/Label&gt;
                &lt;Input
                  style={styles.textInput}
                  autoCorrect={false}
                  autoCapitalize=&quot;none&quot;
                  secureTextEntry={true}
                  onFocus={() =&gt; this.setState({color1: '#F7018D'})}
                  
                  onBlur={() =&gt; this.setState({color1: '#A2A2A2'})}
           
                /&gt;
           &lt;/Item&gt;
         &lt;/Form&gt;
        &lt;/Container&gt;
  
          &lt;View style={styles.containerHeader}&gt;
          &lt;Text style={styles.title}&gt;Create a Password&lt;/Text&gt;
          &lt;/View&gt;
          
        &lt;View style={styles.containerCaption}&gt;   
          &lt;Text style={styles.caption}&gt; Lets create your Password for 
   
          &lt;/Text&gt; 
        &lt;/View&gt;
        &lt;View&gt;   
      &lt;Text style={styles.caption}&gt;{inputValue}&lt;/Text&gt; 
        &lt;/View&gt;
  
        &lt;View style={styles.containerBottom}&gt;   
        &lt;ContinueButton
        onPress={() =&gt; this.props.navigation.navigate('PhoneVerification')} 
        /&gt; 
        &lt;/View&gt;
      &lt;/View&gt;
      );
      }
  }
  const styles = StyleSheet.create({
      containerMain: {
          flex: 1,
          justifyContent: 'center',
          alignItems: 'center',
          backgroundColor: '#1E2028',
      },
      containerHeader: {
          position: 'absolute',
          bottom: 310,
          left: 325
    },
    containerCaption: {
      position: 'absolute',
      right: 140,
      bottom: 490,
    },
    containerCaption2: {
      position: 'absolute',
      right: 196,
      bottom: 470,
      fontWeight: 'bold'
    },
    containerBottom: {
      
      position: 'absolute',
      bottom: 270
    },
    title: {
      color: 'white',
      fontSize: 35,
      fontWeight: &quot;bold&quot;,
      position: 'absolute',
      right: 5,
      bottom: 233
    }, 
    caption:
    {
     color: 'white',
      fontSize: 16,
      textAlign: 'left',  
    },
    passwordInput: {
      flex: 1,
      backgroundColor: '#1E2028',
      width: 350,
      position: 'absolute',
      top: 225,
      left: 3
    },
    textInput: {
      color: '#FFFFFF',   
    },
  }
  )
  </code></pre>