So che react-native's TextInput ha una funzione di callback onsubmit, ma come faccio a fare quel pulsante di invio?

Question

Mi piacerebbe sapere come eseguire il rendering di questo pulsante e, in caso affermativo, è associato automaticamente al testo nel campo di input?

Answer 1

Il callback onSubmit viene chiamata quando si preme il/ritorno fatto/unirsi sulla tastiera che salta fuori

Answer 2

Si può avere qualcosa di simile:

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

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

Answer 3

Fondamentalmente onSumbitEditing sarà evento Tigger fornito quando andare pulsante viene cliccato da Android tastiera virtuale, come in seguito ad esempio:

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

nel frammento di codice di cui sopra: ho acti il nome è "My Custom button" che si appera nella tastiera virtuale in Android e quando si preme che l'evento updateText è tiggerato, questo è il significato su onSubmitEditing

Nota: se la tastiera fisica è abilitata nell'emulatore Android, quindi onSubmitEditing non tigger alcun evento dal momento che non dovresti premere anche il tasto virtuale a cui viene assegnato il nome "My Custom Button"