React Native 天才聊天懒加载器

问题描述

我想为我的 React 原生聊天应用编写一个惰性加载器。但是当我在下面编写代码时，我可以获得数据，但我不知道如何根据该数据呈现我的天才聊天组件。

这是我的代码：

const loadHandler = () => {
    chatsRef
      .orderBy("createdAt","asc")
      .endBefore(messages[messages.length - 1])
      .limit(10)
      .get()
      .then((querySnapshot) =>
        querySnapshot.forEach((documentSnapshot) => {
          console.log(documentSnapshot.data()) //This print correctly
        })
      );

以上代码从页面组件中呈现的第一条消息中检索数据。

这里是 GiftedChat：

 return (
    <GiftedChat
      messages={messages}
      user={user}
      onSend={handleSend}
      loadEarlier={true}
      infiniteScroll={true}
      onLoadEarlier={() => loadHandler()}// Here is the prop for lazy loading
    />
  ); 

我看到了文档，但我没有找到实现延迟加载器的方法。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）