message no showing

I just added this module, and I try the example to send some message. But nothing is showing up in the screen (no bubble no text), I console.log(this.state.messages); inside the render function, array of message is there.

Example I used:

import { GiftedChat } from 'react-native-gifted-chat';

class Example extends React.Component {

  state = {
    messages: [],
  };

  componentWillMount() {
    this.setState({
      messages: [
        {
          _id: 1,
          text: 'Hello developer',
          createdAt: new Date(),
          user: {
            _id: 2,
            name: 'React Native',
            avatar: 'https://facebook.github.io/react/img/logo_og.png',
          },
        },
      ],
    });
  }

  onSend(messages = []) {
    this.setState((previousState) => ({
      messages: GiftedChat.append(previousState.messages, messages),
    }));
  }

  render() {
    return (
      <GiftedChat
        messages={this.state.messages}
        onSend={(messages) => this.onSend(messages)}
        user={{
          _id: 1,
        }}
      />
    );
  }

}

[LuisRizo]

I had the same problem, fixed it with thanks to @sourcesoft.

My TabNavigator now looks like: const TalentTabs = TabNavigator( { ... }, { lazy: true, ... } )

[sourcesoft]

use lazy load for your navigation. If you’re using react-navigation change lazy to true https://reactnavigation.org/docs/navigators/tab#TabNavigatorConfig