• 給TextInput新增ref
• 新增外層view點選事件
• 點選事件呼叫this.refs.textInput1.blur();即可

部分程式碼如下：

let ZKLTest1 = React.createClass({
  getInitialState:function(){
      return {
        inputedNum:'',
        inputedPW:'',
      };
  },
  updateNum:function(newText){
      this.setState((state)=>{
        return
 
 {
          inputedNum:newText,
        };
      });
  },
  updatePW:function(newText) {
    this.setState(()=>{
      return {
        inputedPW:newText,
      };
    });
  },
  _onPressIn() {
    console.log("press in");
  },

  _onPressOut() {
    console.log("press out");
  },

  _onPress() {
    console.log("press"
 
);

    this.refs.textInput1.blur();
    this.refs.textInput2.blur();
  },

  _onLonePress() {
    console.log("long press");
  },
  render() {
    return (
      <View style={styles.container}>
        <TouchableHighlight
        style = {styles.touchable}
        onPressIn = {this._onPressIn}
        onPressOut = {this._onPressOut}
        onPress = {this._onPress}
        onLongPress = {this._onLonePress} >
        <View style = {styles.container} >
        <TextInput ref="textInput1"
 
 style={[styles.instructions, styles.tiStyle]} placeholder={'請輸入手機號'} clearButtonMode={'always'} keyboardType={'numeric'} maxLength={11} onChangeText={(newText)=>this.updateNum(newText)}/>
        <Text style={styles.instructions}>您輸入的手機號為：{this.state.inputedNum}</Text>
        <TextInput ref="textInput2" style={[styles.instructions, styles.tiStyle]} placeholder={'請輸入密碼'} password={true} onChangeText={(newText)=>this.updatePW(newText)}/>
        <Text style={styles.instructions}>確定</Text>
        </View>
        </TouchableHighlight>
      </View>
    );
  }
});