<GiftedChat
messages={this.state.messages}
onSend={messages => this.onSend(messages)}
user={{
_id: 1,
}}
/>
Questions tagged [react-native-gifted-chat]
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…

Matheus Cabral
- 162
- 4
- 18
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

F. Hayat Jadoon
- 61
- 10
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…

Herr_Frodo
- 1
- 5
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…

Franco Agüero
- 23
- 6
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…

Umair Asif
- 1
- 1
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…

Satoru Kikuchi
- 1,069
- 2
- 21
- 33
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