Stack Overflow
Stack Overflow

Questions tagged [react-native-gifted-chat]

<GiftedChat
    messages={this.state.messages}
    onSend={messages => this.onSend(messages)}
    user={{
      _id: 1,
    }}
  />
207 questions
9
votes
1 answer

How to customize react-native-gifted-chat in React Native 0.61

Just wanted to share. I was finding it difficult to customize the default UI for this package. The official documentation wasn't that helpful. Luckily, I was able to solve it. See answer
michael_vons
  • 875
  • 1
  • 8
  • 16
8
votes
2 answers

How do you modify other's library/ module?

I want to add a Card component to this module: https://snack.expo.io/@xcarpentier/gifted-chat (demo) For example, if using onLongPress() on the Bubble Message, i want additional info to appear (right below that Bubble Message, as a small card, like…
Vũ Nguyễn Duy
  • 93
  • 1
  • 6
6
votes
3 answers

Invariant Violation: Tried to register two views with the same name RNCSafeAreaProvider, js engine: hermes

I am getting this error when trying to import and use the GiftedChat component from "react-native-gifted-chat": Invariant Violation: Tried to register two views with the same name RNCSafeAreaProvider, js engine: hermes I have tried several things…
Javier
  • 290
  • 2
  • 10
5
votes
1 answer

React Native Gifted Chat attach multiple images

I am using React Native Gifted Chat for one of my project. I am aware that there is a image option available where I can attach a single image to a chat. But, is there a way I can attach multiple images to a single chat?
Tharavink Prasad Sivarajan
  • 390
  • 4
  • 10
4
votes
3 answers

Why react-native-gifted-chat not displaying time correctly from firebase timestamp?

I used react-native-gifted-chat in my app to add chat feature. Currently I am able to send and receive message from firebase properly. But, the problem is that react-native-gifted-chat always displays 12:00 AM of message send time. This is because…
Kishan Bharda
  • 5,446
  • 3
  • 30
  • 57
4
votes
2 answers

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

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(); …
Allen Cris
  • 109
  • 3
  • 11
3
votes
2 answers

react native giftedchat can not edit message text

I want to edit a message, but it's only updated when i changed this message _id. Can someone provide me how to do it, here is my code: const onSend = useCallback((messagesToSend = []) => { if(editMessage != null){ …
famfamfam
  • 396
  • 3
  • 8
  • 31
3
votes
1 answer

react-native-gifted-chat How to send on pressing return

How do I make the return button on the mobile keyboard send the message instead of creating a new line? I tried using onSubmitEditing in the textInputProps but couldn't get it to work.
three_a.m._coding
  • 33
  • 4
3
votes
2 answers

React native randomly crashes with error 'Attempted to remove more RCTKeyboardObserver listeners than added'

My react native project on iOS simulator crashes randomly with this error when I open and close the ChatRoom screen, I guess it's a problem with the react native gifted chat library I'm not sure, that's the only external library I use in that…
CleanCodeOnline
  • 107
  • 2
  • 11
3
votes
2 answers

How can I send image in react-native-gifted-chat?

I want to send image in react-Native-Gifted-chat like sending text. I am novice in react-native. I have already used react-native-image-picker for pick a image from physical device, now I am unable to render image in message[].
Ajay Batham
  • 210
  • 1
  • 4
  • 14
3
votes
2 answers

React-native-gifted-chat with cloud firestore pagination

I'm using Firestore to store messages. In order to optimize the mobile application performances, I would like to set a limit(50) in the firestore query. It works well and implemented the onLoadEarlier React-native-gifted-chat available in the…
Matthieu
  • 199
  • 2
  • 3
  • 15
3
votes
0 answers

problem in react native chat app algorithm

I am building an app contains chat but i couldn't figure out somethings. Notifications: I can send notifications to devices but they appear everytime (app in on screen or not) but i want to send "chat" notification only the chat page not open. I…
mtalha
  • 396
  • 1
  • 3
  • 11
3
votes
1 answer

How can I change time text color?

I use react-native-gifted-chat for my chat. I want to change time font color. I changed it as the doc said, but its not changing. I want both time colors are black. using "react-native-gifted-chat": "^0.16.1" const renderTime = (props) => { …
Wathsala De Silva
  • 131
  • 1
  • 13
3
votes
2 answers

Type Errror: Super expression must either be null or a function (GiftedChat)

I am using GiftedChat npm for chatting mechanism in react native. It was working fine in lower react native version. I have upgraded react native version to 0.62.0 Now I am getting and exception from GiftedChat saying "TypeError: super expression…
Exigente05
  • 2,161
  • 3
  • 22
  • 42
3
votes
1 answer

How do you render item time under bubble chat react native gifted chat?

I use React Native Gifted Chat To create a UI chat and I want to render the chat time and symbol under the bubble chat. I want make like this image : I have tried to use the rendering message but no luck, please help.
zidniryi
  • 1,212
  • 3
  • 15
  • 36
1
2 3
…
13 14