Zidentyfikuj działanie klawisza powrotu w React Native

Question

Mam TextInput, które włączono jako multiline. Rzecz polega na tym, że klawiatura nie ukryje się po naciśnięciu przycisku Powrót. Przechodzi do nowej linii. Tak więc miałem nadzieję użyć react-native-dismiss-keyboard. Aby to wykorzystać, muszę zidentyfikować działanie klawisza Return. Jak to zrobić?

<TextInput 
    style={styles.additionalTextInput} 
    multiline={true} 
    autoCapitalize="sentences" 
    autoCorrect={true} 
    onChangeText={(text) => this.setState({text})} 
    keyboardType="default" 
    returnKeyType="done" 
    onKeyPress={(keyPress) => console.log(keyPress)} 
    placeholder="Enter text here..." 
/> 

Answer 1

Okej, znalazłem rozwiązanie.

<TextInput 
    style={styles.additionalTextInput} 
    multiline={true} 
    autoCapitalize="sentences" 
    autoCorrect={true} 
    onChangeText={(orderInstructions) => this.setState({orderInstructions})} 
    keyboardType="default" 
    returnKeyType="done" 
    onKeyPress={this.handleKeyDown} 
    placeholder="Enter text here..." 
/> 

handleKeyDown: function(e) { 
    if(e.nativeEvent.key == "Enter"){ 
     dismissKeyboard(); 
    } 
}, 

Metoda opuszczaniaKeyboard jest od react-native-dismiss-keyboard.

To działa idealnie dla mnie.

Answer 2

Użyłem rekwizytów onSubmitEditing. na przykład

<TextInput style={[styles.textInput]} 
    placeholder='搜索' 
    placeholderTextColor='#bbb' 
    onChange={(event) => { 
    this.searchChange(event.nativeEvent.text) 
    }} 
    returnKeyType='search' 
    autoFocus={true} 
    value={ this.props.searchName } 
    selectionColor={colors.orangeColor} 
    onSubmitEditing={this.searchSubmit} 
    clearButtonMode="while-editing" 
/>