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
1
vote
1 answer

In react-native-gifted-chat how do I remove the line above the Composer component?

How do I remove this line? It doesn't seem to be a part of the Composer component.
GollyJer
  • 23,857
  • 16
  • 106
  • 174
1
vote
2 answers

How to determine the message rendering order in React Native Gifted Chat?

I am wondering how I could determine the message rendering order? At first I thought it would use the createdAt Date object to determine the rendering, but it doesn't. (As you see it doesn't render based on Date (2019 first, 2018, 2017, 2016, and…
Ramon Vermeulen
  • 112
  • 2
  • 9
1
vote
1 answer

Quick reply in react native gifted chat not showing

I have the following setup done in my code, however the quick replies are not showing. Below shown is my state object and render code. [The quick reply is not showing, am i missing something in the code ? 1 state = { messages : [ …
Sumeet Chand
  • 25
  • 6
1
vote
1 answer

How do I set the color of quick reply text in Gifted Chat?

I see how to set the styles of quick reply options in React Native Gifted Chat using quickReplyStyle, but no styles set there seem to have any effect on the color of the quick reply text itself. How do I set the color of quick reply text in Gifted…
orome
  • 45,163
  • 57
  • 202
  • 418
1
vote
0 answers

Setting hover style in react-native-gifted-chat

How do I set the styles for hovered links in react-native-gifted-chat? For example, I've currently got const renderBubble = (props) => { return (
orome
  • 45,163
  • 57
  • 202
  • 418
1
vote
1 answer

Is there any way to display an image along with some text and a button all together with response message in react-native-gifted-chat?

I'm working with react-native-gifted-chat and I want to make a UI similar to a picture attached in a link. I want to add this card type feature along with a response message in react-native-gifted-chat but I dont have a clue whether this is possible…
Nimra Baig
  • 11
  • 1
1
vote
0 answers

React Native using Twilio Programmable Chat and RN Gifted Chat

I'm building a mobile app with React Native. I'm using Twilio Programmable Chat along with React Native Gifted Chat. When testing in the simulator everything works as expected but when I load it on my actual device and try to send a message, it gets…
Matt Leach
  • 839
  • 3
  • 10
  • 15
1
vote
3 answers

How to make only one user on the left side and others on the right side in chat app with react-native-gifted-chat

I'm developing a mobile chat app, and this is like a group chat. The comments of the room owner should be on the left side in the chat screen, and the comments of others should be on the right side in it. Example: The comments of user id 1 should be…
Satoru Kikuchi
  • 1,069
  • 2
  • 21
  • 33
1
vote
2 answers

How to make text message clickable with react-native-gifted-chat

I'm developing a mobile chat app with react-native-gifted-chat, and I would like to make the system messages clickable to execute a function. My code is below, but somehow it doesn't work. import React, { Component } from 'react'; import { Image,…
Satoru Kikuchi
  • 1,069
  • 2
  • 21
  • 33
1
vote
0 answers

Error: Command failed: git rev-parse --git-dir after running npm install on main project

Clone git from https://github.com/FaridSafi/react-native-gifted-chat npm install E:\2019_PROJECTS\test\react-native-gifted-chat-master\node_modules\execa\index.js:347 throw err; ^ Error: Command failed: git…
loekTheDreamer
  • 576
  • 7
  • 24
1
vote
1 answer

Type and payload are being dispatched without calling it

I'm currently working on a react-native app with a chat feature. I'm using redux to store my states. So after pressing the send-button to send a message, an action is called to send the message to firebase and show it on the screen afterwards. My…
Andy__96
  • 71
  • 7
1
vote
1 answer

react native chat render the username

I'm creating a react native chat app and I cant get the username in the messages // retrieve the messages from the Backend loadMessages(callback) { this.messagesRef = firebase.database().ref("messages"); this.messagesRef.off(); const…
Allen Cris
  • 109
  • 3
  • 11
1
vote
3 answers

Gifted chat missing '_id' for message - React Native

So I'm building the chat functionality part for my app. I'm using sendbird sdk along with gifted chat for the UI. My messages won't show up and I keep on getting the following warning. 'GiftedChat: _id is missing for message'' Now I've triple…
Oscar Fen
  • 47
  • 3
  • 12
1
vote
2 answers

how to set ID for every bubble message and then update using its ID

Easy way to understand what is my question play the following video and see what is my problem. https://vimeo.com/315390850 if you dont have a good inernet connection then read the following sentences. I am going to update bubble messages but i dont…
Iqbal Jan
  • 644
  • 3
  • 7
  • 20
1
vote
1 answer

How to pass message from children Input to parent Chat in react-native-gifted-chat

I got a chat based on react-native-gifted-chat, with a children InputBox component that has the layout for the input and some buttons plus the Send button. I'm passing 2 functions to handle onSend and the camera, but I was wondering how to send the…
msqar
  • 2,940
  • 5
  • 44
  • 90
1 2 3
…
13 14