title: TouchableHighlight won't accept press events while keyboard is open
body: <p>I have a component which contains a TextInput and a TouchableHighlight side by side. You tap on the textbox, type what you want, then tap the add button to save it. Now the problem is the keyboard open from typing, you need to dismiss it, otherwise the button won't respond. If i tap the button first, the keyboard dismissed, then a second tap works. I feel like i should able to do both in one.  Here's my render component:</p>
  
  <pre><code>class FormInput extends Component {
    constructor(props) {
      super(props);
      this.state = {
        text: null
      };
    }
    componentDidMount() {
      this.refs.textInput.focus();
    }
  
    _changeTextEvent(event) {
      this.setState({
        text: event.nativeEvent.text
      });
    }
  
    render() {
      var style = [styles.textBox];
      if (this.props.errors.length &gt; 0) {
        style.push(styles.errorTextBox);
      }
      var errors = null;
      if (this.props.errors.length &gt; 0) {
        errors = this.props.errors.map((msg) =&gt; {
          return (&lt;Text style={styles.errorLabel}&gt;{msg}&lt;/Text&gt;);
        });
      }
      return (
        &lt;View&gt;
          &lt;View style={styles.container}&gt;
            &lt;TextInput
              ref='textInput'
              style={style}
              onChange={this._changeTextEvent.bind(this)}
              autoFocus={true}
            /&gt;
            &lt;TouchableHighlight underlayColor="#96DBFF" style={styles.addButton} onPress={() =&gt; { this.props.pressEvent(this.state.text) }}&gt;
              &lt;Text style={styles.addButtonText}&gt;Add&lt;/Text&gt;
            &lt;/TouchableHighlight&gt;
          &lt;/View&gt;
          &lt;View&gt;{errors}&lt;/View&gt;
        &lt;/View&gt;
      );
    }
  }
  </code></pre>