title: Passprops equivalent for Navigator?
body: <p>I am trying to convert from NavigatorIOS to Navigator and can't seem to figure out how to make passprops work.  I'm trying to pass two variables, LRA and email to the next scene, but I keep getting undefined.  I'm very new to this so I'm sorry if this is an easy question. Here is my code so far, feel free to give me any other tips you see wrong with it!</p>
  
  <p>DataEntry.js</p>
  
  <pre><code>  class DataEntry extends Component {
      constructor(props) {
        super(props);
          this.state = {
            emailString: 'default@gmail.com',
            isLoading: false,
            message: '',
          mailerror: false,
          lraerror: false
          };
      }
  
    onEmailTextChanged(event) {
      this.setState({ emailString: event.nativeEvent.text });
      if (!validateEmail(this.state.emailString)){
        this.emailError = "Please enter a valid email"
        this.setState({error: true})
      }
      else{
        this.emailError = ""
        this.setState({error: false})
      }
      }
  
    onLRATextChanged(event) {
      this.setState({ LRAString: event.nativeEvent.text });
      if (!isValidID(this.state.LRAString)){
        this.LRAError = "Valid LRA ID is 4-10 alphanumeric characters"
        this.setState({error: true})
      }
      else{
        this.LRAError = ""
        this.setState({error: false})
      }
    }
  
    gotoNext() {  
      var emailtext = this.state.emailString
      var LRAtext = this.state.LRAString
      console.log(emailtext)
      this.props.navigator.push({
          id: 'PasswordView',
          name: 'Generated Password',
          email: emailtext,
          LRA: LRAtext
      });
    }
  
    renderScene(route, navigator) {
      var email = this.state.emailString
      var LRA = this.state.LRAString
      return (    
        &lt;View style={styles.container}&gt;
              &lt;Text style={styles.description}&gt;
                  Please enter the email and LRA
              &lt;/Text&gt;
  
              &lt;View style={styles.flowRight}&gt;
                &lt;TextInput
                  style={styles.searchInput}
                  value={this.state.emailString}
                  onChange={this.onEmailTextChanged.bind(this)}
                  placeholder='Enter Email'/&gt;
              &lt;/View&gt;
  
              &lt;Text style={styles.error}&gt;
                {this.emailError}
              &lt;/Text&gt;
  
              &lt;View style={styles.flowRight}&gt;
                &lt;TextInput
                  style={styles.searchInput}
                  value={this.state.LRAString}
                  onChange={this.onLRATextChanged.bind(this)}
                  placeholder='Enter LRA ID'/&gt;
              &lt;/View&gt;
  
              &lt;Text style={styles.error}&gt;
                {this.LRAError}
              &lt;/Text&gt;
  
  
              &lt;TouchableHighlight style={styles.button}
                  underlayColor='#99d9f4'
                  onPress={this.gotoNext.bind(this)}&gt;
                 &lt;Text style={styles.buttonText}&gt;Retrieve Password&lt;/Text&gt;
              &lt;/TouchableHighlight&gt;
          &lt;Text style={styles.description}&gt;{this.state.message}&lt;/Text&gt;
        &lt;/View&gt;
      );
    }
  render() {
          return (
            &lt;Navigator
            renderScene={this.renderScene.bind(this)}
            navigator={this.props.navigator}
            navigationBar={
              &lt;Navigator.NavigationBar style={{backgroundColor: '#48BBEC', alignItems: 'center'}}
                  routeMapper={NavigationBarRouteMapper} /&gt;
            } /&gt;
          );
        }  
  }
  
  var NavigationBarRouteMapper = {
    LeftButton(route, navigator, index, navState) {
      return null;
    },
    RightButton(route, navigator, index, navState) {
      return null;
    },
    Title(route, navigator, index, navState) {
      return (
        &lt;TouchableOpacity style={{flex: 1, justifyContent: 'center'}}&gt;
          &lt;Text style={{color: 'white', margin: 10, fontSize: 16}}&gt;
            Data Entry
          &lt;/Text&gt;
        &lt;/TouchableOpacity&gt;
      );
    }
  };
  
  
  module.exports = DataEntry;
  </code></pre>