onInputTextChanged is triggered without typing after the componentDidMount()

Issue Description

The onInputTextChanged is triggered automatic when the chat view is loaded after componentDidMount( ). I need the onInputTextChanged to display that a user is currently writing to the chat. But always when a users enters a chat the method is fired automatic and it displays that someone is currently writing.

Steps to Reproduce / Code Snippets

this.onTyping = this.onTyping.bind(this); onInputTextChanged={this.onTyping}

Expected Results

onInputTextChanged only fires when a user is currently writing.

Additional Information

• React Native version: 0.49.5
• react-native-gifted-chat version: react-native-gifted-chat@0.3.0
• Platform(s) (iOS, Android, or both?): both

[marcin03]

I resolved this by modifying @Huzaifaak method:

constructor(props) {
super(props);
this.state = {isFirstInputTextUpdate:true};
}

firstInputTextUpdate = () => {
this.setState({isFirstInputTextUpdate:false})
}

and in GiftedChat component:

<GiftedChat
onInputTextChanged = {isFirstInputTextUpdate ? this.firstInputTextUpdate : inputText=>updateInputText(inputText)}
//...other props
/>

[inrecovery]

A clean solution that has worked well for us is to declare an isTyping state that defaults to false. Following this example you can keep logic outside of the render:

const [isTyping, setIsTyping] = useState(false);

Your handler could look something like this:

const onTypingHandler = () => {
    setIsTyping(true);

    isTyping 
      ? startTyping() 
      : endTyping()

    ...the rest the method / reset state ...
 };

And you just call your handler within GiftedChat

<GiftedChat onInputTextChanged={onTypingHandler} ... />