Update when receiving new messages

I’m running the chat using two simulators (Android and IOS) where each have different users chatting between. Using loadEarlier, isLoadingEarlier and onLoadEarlier I’m trying to update the chat as I receive new messages.

I thought that when using onLoadEarlier I would be able to get notice about the new messages, but it’s clearly that I’m missing something.

I also thought about use some Interval to check for new data, but I don’t see this as a good option.

constructor (props) {
    super(props)

    this.state = {
        loadEarlier: true,
        isLoadingEarlier: false,
        messages: []
    }

    this.onLoadEarlier = this.onLoadEarlier.bind(this)
}

_load () {
    api.getMessages().then((response) => {
        this.setState((previousState) => {
            return { messages: response, isLoadingEarlier: false }
        })
    })
}

onLoadEarlier () {
    this.setState((previousState) => {
      return { isLoadingEarlier: true }
    })
    this._load()
}

<GiftedChat
messages={this.state.messages}
loadEarlier={this.state.loadEarlier}
onLoadEarlier={this.onLoadEarlier}
isLoadingEarlier={this.state.isLoadingEarlier}

Additional Information

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

[AMoktar]

So, How can I update UI when new message received ?

[EliotRaven]

So, How can I update UI when new message received ?

the same questions