我知道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>
  );
}