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
0
votes
2 answers

How to add Speech-to-Text into a chat application that is written on React Native

My friends and I are working on a project that is a chat application that will implement Speech-To-Text, Text-to-Speech, and Translation APIs of Google. Gifted Chat and Firebase on the chat application. Chat App is working well with Firebase. We…
gisml
  • 11
  • 4
0
votes
2 answers

why my chat is not serialize according to the date with react-native-gifted chat?

i'm trying to send the message via using react native gifted chat prop but some how it is not showing the serialize by day im am able to use renderDay prop but it is not enough this is my code
dharmendr shah
  • 23
  • 1
  • 4
0
votes
1 answer

quick replies press function (gifted chat) react native

I have worked on a chat app and I want to make a function when the user tab on one of these replies showed as user message in chat UI, and I want to know which quick reply he choose , anyone helps me? this is code below: import React, { Component }…
karim mohamed
  • 1
  • 1
  • 3
0
votes
1 answer

React-Native-Gifted-Chat perfornance issue

When ı get this error the same message data is appending to the chat list and it gives crash then. I am trying to write chat application with react-native-gifted-chat and I expect more than 15.000 messages from user but my gifted-chat can not even…
HyzCode
  • 41
  • 8
0
votes
1 answer

How to put my api body in messages for gifted chat

can anyone tell me? I get an array of messages, through api, it contains id, body, owner name "messages": [ { "id": "1", "createdAt": "2019-10-23T12:58:22.933Z", "body": "Hello", }, ..... How can I write it as an array for…
ike13
  • 137
  • 1
  • 11
0
votes
0 answers

Issue with messages rendering a view specific to onLongPress

I am trying to render a View through renderCustomView={this.displayEmojis} for an individual message once a user has activated the onLongPress={} function. However, the view im trying to display repeats for every single message on the screen, rather…
Karu Skipper
  • 39
  • 6
0
votes
1 answer

Trying to update renderCustomView in GiftedChat after state change

I am signalling a state change in the onLongPress function, however the renderCustomView is not updating/re-rendering its new view. I have tried using this.forceUpdate() but to no success. I have provided the view im trying to present after state…
Karu Skipper
  • 39
  • 6
0
votes
1 answer

Edit Avatar position in react-native-gifted-chat

I would move the avatar to the right of the left bubble message and to the left of the right bubble message, just like the example:
flipps
  • 124
  • 1
  • 1
  • 12
0
votes
1 answer

How to make carousel message in GiftedChat React Native

Here is what I want to do Message Carousel example I can make a message with buttons, but I don't know how to combine components in order to create a carousel.
bkioshn
  • 41
  • 3
0
votes
1 answer

How to make the React Native Gifted Chat icon change if the chat isn't sent to server?

I use react native gifted chat, and I want that when a user fails to send a chat to the server then the icon in the bubble changes? Maybe if a user fails to send a message, an icon like this will appear: Thank you, please help
zidniryi
  • 1,212
  • 3
  • 15
  • 36
0
votes
1 answer

What is _id in gifted chat?

Here i am trying to understand the code available in https://www.npmjs.com/package/react-native-gifted-chat this link. But here i am unable to understand why they use 2 _id's (messages:[{_id:1, //code user:{ _id:2, //code }]) in setState function…
Jeet Mehta
  • 25
  • 5
0
votes
1 answer

How do I change the color/icon of the default action button

Is it possible to change the icon or at least the color/style of the default action button? I haven't found anything useable in the source code. I'm using the following code, which displays the default action button: …
Mario Murrent
  • 712
  • 5
  • 24
0
votes
0 answers

React Native Gifted Chat appends messages two times when socket.io updates new message

This is my first question on StackOverflow. Please help me with the real-time chat application in react native using react-native-gifted-chat and socket.io Some messages are rendered even which are not present twice in the "messages" state. chat on…
Satyam patel
  • 1
  • 1
0
votes
0 answers

React Native Gifted Chat + Firestore - messages render one-by-one instead of simultaneously

Expected behavior: all messages in a chat render seamlessly at the same time Observed behavior: upon mounting component or sending a new message, the messages disappear and then re-render one-by-one in chronological order. Here is a gif of the…
Greg M
  • 65
  • 2
  • 9
0
votes
1 answer

React-native-gifted-chat change color under inputToolbar

I am using react-native-gifted-chat, and I am having a hard time figuring out how to color or add a view below the InputToolbar to resemble something like the second image below. This is what I have This is what I am trying to do If anyone knows…
Adam Lee
  • 66
  • 1
  • 15
1 2 3
…
13 14