如何在Cloud Firestore中使用react-native-gifted-chat?

时间:2019-10-17 05:59:27

标签: javascript react-native google-cloud-firestore chat react-native-gifted-chat

我有使用Cloud Firestore进行react-native-gifted-chat的问题。我无法提取以前的消息并追加到有才华的聊天中。请向我展示如何将其与Cloud Firestore一起使用的代码。 谢谢

1 个答案:

答案 0 :(得分:0)

我已经能够使用与GitHib repo相似的方法来在我的应用上使用它

我的代码在componentDidMount中调用loadMessages函数,该函数使用onSnapshot跟踪我的Message或Chats集合中的任何更改。如果发生更改,它将使用回调函数将新消息追加到GiftedChat。

这是我的代码:

['10/25/2015:00:00:05',
 '10/25/2015:00:05:05',
 '10/25/2015:00:10:05',
...
'10/25/2015:23:45:05',
 '10/25/2015:23:50:05',
 '10/25/2015:23:55:05']
async componentDidMount() {    
    this.loadMessages(message => {
      this.setState(previousState => {
        return {
          messages: GiftedChat.append(previousState.messages, message)
        };
      });
    });

  }

Lmk,如果您有任何疑问!