arrays - 为什么我的聊天没有根据带有 react-native-gifted 聊天的日期进行序列化？

Question

我正在尝试通过使用 react native 有天赋的聊天道具发送消息，但是有些它没有按天显示序列化我可以使用 renderDay 道具，但这还不够

这是我的代码

<GiftedChat
          messages={_.orderBy(messages, ['createdAt'], ['desc'])}
          onSend={(mes) => onSend(mes)}
          scrollToBottom={true}
          isTyping={typingStatus}
          renderFooter={() => (typingStatus == true ? <Typing /> : null)}
          renderSend={(props) => (
            <View
              style={{
                flexDirection: 'row',
                alignItems: 'center',
                height: 40,
              }}>
              <Icon
                raised
                name="attachment"
                color="#08CAF9"
                onPress={async () => await setAchieveSend(true)}
                reverse={AchieveSend == false ? false : true}
              />
              <Send {...props}>
                <View style={Styles.btnSend}>
                  <Icon raised name="send" size={24} color="#08CAF9" />
                </View>
              </Send>
            </View>
          )}
          user={{
            _id: ApiUserId,
            name: '',
            avatar: '',
          }}
        />

这就是图像

Answer 1

抱歉迟到了，问题是 GiftedChat 以反转模式附加消息，你可以做的是设置 reverse={false}

<GiftedChat messages={messages} inverted={false} />

这可能会帮助你......

Answer 2

请尝试以这种方式附加。

GiftedChat.append(prevState, newMessage)

由于 GiftedChat 做了一些内部附加。将消息设置为

 setMessages(prevState => GiftedChat.append(prevState, newMessage));