title: React-Native Expo issue with TextInput
body: <p>I'm creating a simple event tracker app using React-Native, Redux, React-Navigation and Expo and I'm having a bit of trouble with a fairly trivial part.</p>
  
  <p>I have a form screen where you enter the event name, date and other information. I'm using <code>&lt;TextInput/&gt;</code> to enter the event's name but it won't to the <code>onChange</code> event, only <code>onChangeText</code>. Additionally when I use <code>onChange</code> event, the <strong>Back</strong> button on the navigation becomes unresponsive and the cursor remains only in the TextInput no matter where I click</p>
  
  <p>I'm having another problem related to memory which causes the simulator to load longer and longer after each successive build, and become unresponsive after a few loads. My mobile expo app also crashes occasionally. I have a somewhat vague feeling that these 2 issues are related but I'm totally lost as to what the issue may be. Basically the Exponent simulator doubles in memory usage every time i save a file.</p>
  
  <p>Here is the the <code>CreateEventScreen.js</code> looks like at the moment, I'm going to convert it to Redux as soon as I resolve the onChange issue.</p>
  
  <pre><code>export default class CreateEvent extends Component {
    constructor(){
      super();
      this.state = {
        name: '',
        date: new Date(),
        repeatAnnually: false,
        showDatePicker: false,
        wallPaperSource: null
      };
      this.toggleSelectWallPaper = this._toggleSelectWallPaper.bind(this);
      this.handleChange=this._handleChange.bind(this);
    }
  
    static navigationOptions = {
      title: 'Create New Event'
    }
  
    _handleToggleSwitch = () =&gt; this.setState(state =&gt; ({
      repeatAnnually: !this.state.repeatAnnually
    }));
  
    /* THIS IS NOT WORKING */
    _handleChange = (event) =&gt; {
      console.log(event);
      const target = event.target;
      const value = target.value;
      const name = target.name;
      this.setState({
        [name]: value
      })
    }
  
    _onDateChange = (date) =&gt; this.setState(state =&gt; ({
      date: date
    }));
  
    _toggleSelectWallPaper = async() =&gt; {
      let result;
      try {
        result = await ImagePicker.launchImageLibraryAsync({
          allowEditing: true,
          aspect: [4, 3]
        });
      } catch (e) {
          result = null;
      }
  
      if(!result.cancelled){
        this.setState({
          wallPaperSource: result.uri
        });
      }
  
    }
  
    _renderDatePicker(){
      if(this.props.showDatePicker){
        return (
            &lt;DatePickerIOS
              date={this.state.date}
              mode="date"
              onDateChange={this._onDateChange}
            /&gt;
        )
      } else {
        return null;
      }
    }
  
    render(){
      const { onClick, toggleDatePicker, showDatePicker } = this.props
      let { wallPaperSource } = this.state;
      return(
        &lt;View&gt;
          &lt;TextInput
            style={styles.input}
            name="name"
            placeholder="Event Name"
            value={this.state.name}
            /* THIS IS NOT WORKING */
            onChange={this._handleChange}
            /* This works but not ideal for redux integration */
            // onChange={(event) =&gt; this.setState({'name': event.target.value})}  
          /&gt;
          &lt;View style={styles.eventDetailsContainer}&gt;
            &lt;View style={styles.itemContainer}&gt;
              &lt;Text&gt;Repeat Annually&lt;/Text&gt;
              &lt;Switch
                onValueChange={this._handleToggleSwitch}
                value={this.state.repeatAnnually}
              /&gt;
            &lt;/View&gt;
            &lt;TouchableOpacity onPress={e =&gt; {
              e.preventDefault()
              toggleDatePicker(showDatePicker)
            }}&gt;
              &lt;View style={styles.itemContainer}&gt;
                &lt;Text&gt;Select Date&lt;/Text&gt;
                &lt;Text&gt;{this.state.date.toLocaleDateString()}&lt;/Text&gt;
              &lt;/View&gt;
            &lt;/TouchableOpacity&gt;
            &lt;View&gt;
              {this._renderDatePicker()}
            &lt;/View&gt;
          &lt;/View&gt;
          &lt;View style={styles.eventDetailsContainer}&gt;
            &lt;TouchableOpacity onPress={this.toggleSelectWallPaper}&gt;
              &lt;View style={styles.itemContainer}&gt;
                &lt;Text&gt;Wallpaper&lt;/Text&gt;
                { this.state.wallPaperSource  ?
                  &lt;Image source={{ uri: wallPaperSource }} style={{ width: 100, height: 100 }}/&gt;
                   : null
                }
              &lt;/View&gt;
            &lt;/TouchableOpacity&gt;
          &lt;/View&gt;
          &lt;Button
            style={styles.submitBtn}
            onPress={e =&gt; {
              e.preventDefault()
              if(!this.state.name.trim()){
                return
              }
              onClick(this.state)
            }}
            color="#1e90ff"
            title="Create Event"
          /&gt;
      &lt;/View&gt;
      )
    }
  }
  </code></pre>
  
  <p>package.json - </p>
  
  <pre><code>{
    "name": "floss-evens",
    "version": "0.0.0",
    "description": "Hello Expo!",
    "author": null,
    "private": true,
    "main": "node_modules/expo/AppEntry.js",
    "dependencies": {
      "expo": "^18.0.4",
      "lodash": "^4.17.4",
      "moment": "^2.18.1",
      "prop-types": "^15.5.10",
      "react": "16.0.0-alpha.12",
      "react-native": "https://github.com/expo/react-native/archive/sdk-18.0.1.tar.gz",
      "react-native-image-picker": "^0.26.3",
      "react-navigation": "^1.0.0-beta.11",
      "react-redux": "^5.0.5",
      "redux": "^3.7.2"
    }
  }
  </code></pre>
  
  <p>Any help or feedback would be greatly appreciated. Thanks! </p>