react-native - 如何在反应原生天才聊天中显示与我聊天的人的名字

Question

看起来这是我的聊天消息应用程序的后端，知道这个问题吗？我想显示和我聊天的人的名字

 loadMessages(callback) {
    this.messagesRef = firebase.database().ref("messages");
    this.messagesRef.off();
    const onReceive = data => {
      const message = data.val();
      callback({
        id: data.key,
        text: message.text,
        createdAt: message.createdAt,
        user: {
          _id: message.user._id,
          name: message.user.Uemail,
        }
      });
    };

Answer 1

您可以为此使用renderUsernameOnMessage道具。

Doc : renderUsernameOnMessage (Bool) - 指示是否在消息气泡内显示用户的用户名；默认为假

另一方面，您可以自定义此组件并更改您想要的任何内容！可能与此有关

Answer 2

您需要在用户内部传递道具renderUsernameOnMessage={true}并传递名称

就我而言

  <GiftedChat
                messages={messages}
                onSend={messages => onSend(messages)}
                renderAvatar={null}            // remove avtar
                renderUsernameOnMessage={true} // default is false
               user={{
                    _id: userId,
                    name:name                  // display name
                }}
            />