How to force clear input after sending message ?

I’m facing a problem with android.

Each time i send a message the input seems to be cleared but when i start typing again the previous value is merged to the new value.

Ex : if i want to send 2 messages “Hello” and “World”

first i send “Hello” then when i start to write “World” my input display “HelloW” so the value of the last send is merged to the new value.

This happend only on android. i’ve tried to manually manage by affecting the value of onInputTextChanged to text props and then clear it at each send but it doesn’t fix it.

Any suggestion ?

[zachrnolan]

Found a workaround. I have two different Galaxy S7’s and one of them had autosuggest/correct on by default. That phone was the one having this issue. I forced autoCorrect off in Gifted Chat and this issue went away.

Just add this prop to your GitftedChat component:

textInputProps={{
    autoCorrect: false
}}

[richardmillen94]

A dirty workaround for this that I’m currently using is setting the autoCorrect prop to false and then true again onSend (only for Android devices).

state = {
    messages: [],
    androidAutoCorrectFix: true,
}

onSend(messages = []) {
    this.setState(
        previousState => ({
            messages: GiftedChat.append(previousState.messages, messages),
            androidAutoCorrectFix: Platform.OS !== 'android'
        }),
        Platform.OS === 'android' && (() => this.setState({androidAutoCorrectFix: true}))
    )
}

render() {
    return (
        <GiftedChat
            textInputProps={{
                autoCorrect: Platform.OS === 'ios' || this.state.androidAutoCorrectFix
            }}
            messages={this.state.messages}
            onSend={messages => this.onSend(messages)}
            user={{
                _id: 1
            }}
        />
    )
}