我知道react-native的TextInput有一个onsubmit回调函数,但我如何实际提交该提交按钮？

Question

我想知道如何渲染这个按钮,如果是这样,它会自动响应输入字段中的文本？

Answer 1

onSumbitEditing当从android软键盘点击go按钮时,基本上会提供触发和事件,如下例所示:

 <TextInput
  style={[styles.zipCode, styles.mainText]}
  returnKeyType='My Custom button'
  onSubmitEditing={(event) => this.updateText( event.nativeEvent.text
   )}/>

在上面的代码片段中:我的动作名称是'我的自定义按钮',它会出现在android的软键盘中,当你按下那个updateText事件时,这就是onSubmitEditing的含义是什么

注意:如果在Android模拟器中启用了物理键盘,那么onSubmitEditing将不会触发任何事件,因为您也不会按下名为"我的自定义按钮"的虚拟键

Answer 2

你可以有这样的事情：

onSubmitEdit = () => {
  // whatever you want to do on submit
}

render() {
  return(
    <View>
      <TextInput
        style={styles.input}
        textAlign="center"
        onSubmitEditing={this.onSubmitEdit} />
      <TouchableHighlight onPress={this.onSubmitEdit}>
        <Text>Press this button to submit editing</Text>
      </TouchableHighlight>
    </View>
  );
}

Answer 3

当您在弹出的键盘上点击“done/return/join”时，将调用 onSubmit 回调