How to display the name of who chatted me in react native gifted chat

Question

It looks like this is my backend for the chat messaging app any idea of this problem? I wanted to display the name of who chatted me

 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,
        }
      });
    };

Wondered this myself as well. Haven't seen a clear explanation. — Perniferous, Feb 07 '19 at 19:16

score 4 · Answer 1 · answered Feb 08 '19 at 08:50

4

You can use renderUsernameOnMessage props for this.

Doc : renderUsernameOnMessage (Bool) - Indicate whether to show the user's username inside the message bubble; default is false

In other hand you can customize this component and change whatever you want! maybe related to this

answered Feb 08 '19 at 08:50

Mohsen

1,415
1
13
26

like this : `` – Mohsen Feb 09 '19 at 08:44
I already did this last time but nothing happens this is my code – Allen Cris Feb 10 '19 at 13:08
1

{ Backend.sendMessage(message); }} user={{ _id: Backend.getUid(), name: Backend.getUemail() }} /> – Allen Cris Feb 10 '19 at 13:08

score 0 · Answer 2 · answered Aug 20 '21 at 00:04

you nee to pass props renderUsernameOnMessage={true} and pass name inside user

in my case

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

How to display the name of who chatted me in react native gifted chat

2 Answers2