Questions tagged [react-native-gifted-chat]

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

In react native gifted chat, which props is used for adding extra function like image and camera etc to the tool bar? And how do I achieve it?

I am new to react native gifted chat. I try to add features like camera, gallery etc to the chat tool bar. I read through the props. I think it is either renderInputToolbar or renderComposer. But the website doesn't have any description of how…
None None
  • 27
  • 1
  • 7
0
votes
3 answers

Delete and copy message in gifted chat

Using Dialogflow, I had onLongPress to GiftedChat component like this: onLongPress returns context, message. Then you can show an ActionSheet and add the logic to delete and…
0
votes
1 answer

How can I build a one to one (private) chat application in react native using fire-base as a back-end?

I want to add a chat feature in my application, but the problem is while working with react-native-gifted-chat and firebase as a backend and its secured rules that gives an error of missing _id and user. I tried using the firebase database and…
user11587840
0
votes
1 answer

Cannot install gifted chat UI using npm

When I am trying to install a gifted chat UI package, it is returning me an error that it does not exist. Can you please help me to resolve this? Node ver: 10 React Native ver:0.61 Android C:\Users\XXXX\Desktop\AProject>npm i…
0
votes
1 answer

How to use react-native-gifted-chat with cloud firestore?

I am having problem of react-native-gifted-chat by using cloud firestore. I am unable to fetch previous messages and append to the gifted chat. please show me the code that how it is used with the cloud firestore. thanks
0
votes
1 answer

why i receive this error (Unable to resolve "expo-av") when trying to run a react-native-gifted-chat project?

This is the error: Unable to resolve "expo-av" from "node_modules\react-native-gifted-chat\lib\ExpoMessageVideo.js" Failed building JavaScript bundle.
Jaime Ramos
  • 53
  • 2
  • 7
0
votes
1 answer

Gifted Chat append message from different class

I'm still not sure how to get this to work. I wanted to write a small chat app in expo. Right now I'm using a Button that, when clicked, should append a message to a gifted chat. I have two components that are not connected. One is called button.js…
0
votes
1 answer

How to make a chat application in react native?

I have build chat UI for my application using react-native-gifted-chat. I have connected the sent messages and received messages with the services. Can anyone help me with the issue of messages not getting updated instantly as the message is…
user11587840
0
votes
1 answer

(react-native-gifted-chat with firebase-firestore) more messages are displayed when sending one

I am making an application with chat (react-native-gifted-chat) and firebase-firestore and I am having a problem when showing them because when I send a message they repeat what they were already sending but it is only visual by data is ok How could…
0
votes
2 answers

React Native Gifted Chat - Video message is not clickable

Can any one help me through react native gifted chat? I'm making a full fledged chat app, having all features like text, image, video, document etc. By default I can chat using text and image. Can anyone help me with the code snippet of Video…
0
votes
3 answers

Getting "INVALID DATE" if device or emulator not in "debug remotely" mode

I'm building chat fonctionality in an app and i'm using FaridSafi/react-native-gifted-chat. When i debug on chrome the messages dates are good. if i'm not debugging remotely all dates of messages become "INVALID DATE". I have same result on real…
B. Mohammad
  • 2,152
  • 1
  • 13
  • 28
0
votes
2 answers

How to make flatlist grow to fill the entire screen?

Using react-native-gifted-chat. With only one message, the Flatlist doesn't take up the entire screen, causing the message to look weird when scrolling down (see picture). How do I make the list grow to fill the entire screen?
Alec Lorraine
  • 388
  • 2
  • 9
0
votes
1 answer

How to stop listening for fetching chat messages when users sign out in firebase

I'm building mobile chat application with firebase real-time database and react native. This application is always listening to fetch new chat messages from firebase database. But I see the following error message when I click sign out button on…
0
votes
1 answer

image shown blank in RN gifted chat

My chat app uses RN 0.59.9 and react-native-gifted-chat(0.9.6). The message data object is like this: let r = { _id: msg.id, text: msg.data.msg_body, image: msg.data.image, video: msg.data.video, …
user938363
  • 9,990
  • 38
  • 137
  • 303
0
votes
1 answer

Display an image or video in gifted chat

On react-native-gifted-chat main page, there is an example of message object with text, image and video all together: { _id: 1, text: 'My message', createdAt: new Date(Date.UTC(2016, 5, 11, 17, 20, 0)), user: { _id: 2, name: 'React…
user938363
  • 9,990
  • 38
  • 137
  • 303
1 2 3
13
14