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

Gifted chat message hidden by input

everything is fine but when I try to type the last message will be hidden and it is happening on the Android device as shown in the image this is my code export function Chat() { const [text, setText] = useState(''); const [messages,…
0
votes
2 answers

Giftedchat scroll not working if dragging slow on background

I have been looking for a possible answer to this, but to no avail. The scroll is ok 1.- When the user drags (either fast or slowly), starting over any of the bubbles 2.- If the scroll still has some momentum. But it doesn't when dragging slowly…
Miquel Ferrer
  • 51
  • 1
  • 1
0
votes
1 answer

How to change the returnKeyType in react-native-gifted-chat?

I use GiftedChat from react-native-gifted-chat and I use the InputToolbar component to style the input. My problem is that I can't change the "enter" button on the keyboard with that. Should I use TextInput and make a separated button for Send…
Ionut Popa
  • 13
  • 3
0
votes
1 answer

What is result.queryResult.fulfillmentMessages[0].text.text[0] in react-native-dialogflow?

When I followed this tutorial: https://blog.jscrambler.com/build-a-chatbot-with-dialogflow-and-react-native/ I'm having an error within the handleGoogleResponse() method as result.queryResult is undefined. If I send a message as a user, there is no…
0
votes
0 answers

React Native GiftedChat Message Ordering

I am using GiftedChat for RN and its working perfectly, but I can't manage proper message ordering by time if different devices have different time. For example I have two devices that have manual time setup on them. At a specific time (let's say…
0
votes
1 answer

How to display chat messages on left and right in react-native-gifted-chat

I have to load previous chat messages first and i am getting response of messages like this { "id": "8102f902-d54b-457a-823e-13d3sssssds", "buyerID": "4b358200-4da0-46a0-ad8b-838888888848", "sellerID":…
HaryanviDeveloper
  • 1,005
  • 1
  • 8
  • 15
0
votes
0 answers

Is there a way to achieve one to one messaging in react native with firebase real time database?

I am trying to achieve one-to-one messaging in react native using the firebase real time database. I am very new to react native/firebase and I am not too sure how I can send a message to a specific user uid. I have seen a few links online which…
0
votes
1 answer

React Native - Gifted Chat messages issue

I am using react-native-gifted-chat version "^0.16.3" but every time a new message comes it only updates last 2 messages. What can I do to update complete chat list on new message and is this the right way to do?
hamza
  • 33
  • 1
  • 4
0
votes
0 answers

Subscription on relay graphql query for chat utility

I'm trying to create a chat using relay graphql and react-native-gifted-chat. The problem I have is refreshing the query with each message both from me and other participants. The query already includes pagination, but I don't really know how to…
0
votes
0 answers

Realtime Gifted Chat with Socket.io issues

I'm trying to get Gifted Chat implemented in a realtime fashion with socket.io but I'm having issues. I'm able to get socket.io to connect, the message to be emitted, but it isn't showing up in real time when I have an android emulator and an iPhone…
0
votes
0 answers

Ideating how to send notifications for chat rooms?

We provide different chat channels for users to talk about various topics. Every user has access to the chat channels. Here is the code for a channel: constructor(props) { super(props) this.state = { messages: [], …
0
votes
1 answer

How to set a users avatar in React Native gifted chat in expo?

I am trying to figure out how to set an image from the Firestore database for each user in react native gifted chat as the user's avatar, but I can not figure out how to do it. I posted my code earlier on another question, but no one replied, so…
0
votes
1 answer

React Native Gifted Chat: what does the tile (~) mean? How do I remove it?

i'm testing React Native Gifted Chat on a chat application. I'm trying to figure what this symbol ~ that appears on the messages means and how could I remove it.
Oscarina
  • 500
  • 5
  • 9
0
votes
1 answer

Why are chat messages from firestore showing up in "groups"?

I am trying to use react-native-gifted-chat to build a chat room in my app. Unfortunately, the chat's are appearing in "groups", not sequentially. For example, I send a message Someone else sends a message I send another message The messages I send…
0
votes
1 answer

React Native Gifted Chat + Firestore not showing messages correctly?

I am trying to create a chat feature in my react native app. I am using react-native-gifted-chat and saving the messages in firestore. Here is the behavior that is occurring: When I send a message, ALL the messages re render, some of them are…