我知道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

当您点击弹出的键盘上的完成/返回/连接时，将调用onSubmit回调

Answer 3

你可以这样：

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>
  );
}