React Native如何防止键盘在提交文本时被解雇?

时间:2017-12-20 02:00:33

标签: javascript android ios react-native

我希望能够点击键盘上的输入按钮,专注于TextInput,并保持键盘打开。怎么办呢?

关于ScrollView implmentation的答案是指触摸TextInput之外的按钮,而不是实际敲击键盘上的返回键。

1 个答案:

答案 0 :(得分:7)

TextInput上执行此操作的方法是设置blurOnSubmit={false},然后使用onSubmitEditing作为提交处理程序而不是onEndEditing

  onTextChange(input) {
    this.setState({ value: input })
  }

  submitValue() {
    // Do things with the value 
    ...
    // Then reset it so the TextInput can be reused
    this.setState({ value: '' })
  }

    <TextInput
  blurOnSubmit={false}
  style={styles.inputBox}
  onChangeText={input => this.onTextChange(input)}
  onSubmitEditing={() => this.submitValue(this.state.value)}
  value={this.state.value}
   />

按下返回键this.setState({ value: '' })以清除TextInput中的文字。