<GiftedChat
messages={this.state.messages}
onSend={messages => this.onSend(messages)}
user={{
_id: 1,
}}
/>
Questions tagged [react-native-gifted-chat]
207 questions
1
vote
0 answers
How to implement a chatbot using Dialogflow and React-native with functional component
I am using react native normal workflow (not expo) and also my project is based on functional component type (no class component) so how to implement it. I have used react native gifted chat npm package .. my dilogflow api is working but the…

AYAN BISWAS
- 29
- 5
1
vote
1 answer
react hooks - state lose value in function
I've a problem, I use the react hooks to keep track of the user token and I use the token to identify that user in a socket connection.
The problem is that when I mount the component and set the socket the token works as expected, after when the app…

red
- 1,529
- 1
- 12
- 33
1
vote
0 answers
How to update state of messages in react-native-gifted-chat?
I relying on API calls for sending messages using react-native-gifted-chat in a react native app, I want the flow to be like when the user clicks on the send button it should have the state as pending:true and when the API call is a success I want…

Dexter
- 236
- 2
- 12
1
vote
2 answers
React Native Gifted Chat: How to hide keyboard and text input
I am making a react native application using expo and am using react-native-gifted-chat for a chat like feature (https://github.com/FaridSafi/react-native-gifted-chat). In this feature, I only want certain users to be able to send a message. The…

Questions123
- 372
- 2
- 6
- 18
1
vote
0 answers
How to make a Whatsapp chat Bubble with react-native gifted chat
How can I create a message Bubble like a Whatsapp Bubble? Time must be at the same line for a single line message otherwise below it.
The bubble should have a minimum width and message text should be flex-start and time would be flex-end.
I tried to…

Infopedia
- 376
- 2
- 14
1
vote
1 answer
React native slider not updating progress on state update
I'm using react native version 0.61.5 and react version 16.8.3 with react native gifted chat version 0.9.11 to build a small chat app. I want to send audio messages. So I use react-native-audio-recorder-player library to record audio and play it. So…

Kasun
- 473
- 1
- 10
- 32
1
vote
1 answer
react-native-gifted-chat tick not showing
In my react-native-gifted-chat tick is not showing. New to react so not sure on how to fix this.
the message contains sent: true and recieve:true
using react-native > .61 and react-native-gifted-chat = 0.16.1
renderTicks is not boolean but a…

jay
- 65
- 1
- 10
1
vote
1 answer
react-native-gifted-chat Video message is not displayed -Video not not implemented by GiftedChat
Video is not being displayed in the message.
Got message " Video is not implemented by GiftedChat. You need to provide your own implementation by using renderMessageVideo prop.
Message[] has the following values:
_id:
text:
createdAt:
user:{
…

Bhol
- 145
- 3
- 16
1
vote
1 answer
Gifted Chat : How to keep focus Input after select send button (RN, Native-base, giftedchat)
Using React-Native and gifted chat, I made chat screen. However, I have a problem when sending message.
AS-IS(Problem) : Keyboard disappear and focus dismiss whenever type message and select send button.
To-Do : want to keep keyboard and focus…

jiksp
- 11
- 3
1
vote
1 answer
TypeError: Super expression must either be null or a function (React Native)
I'm having an issue showing the error on the start of the app after build
"TypeError: Super expression must either be null or a function"
As I found many similar question but my problem is different as I've reviewed my code 3 times, not got any…

Aun Abbas
- 540
- 7
- 18
1
vote
2 answers
Android 'Super expression must either be null or a function' in react-native-gifted-chat
When upgrading to the latest version of RN 0.62.0 importing the package leads to Type Errror: Super expression must either be null or a function

Akshay I
- 3,675
- 1
- 34
- 57
1
vote
0 answers
react native gifted chat- Can't see messages I send can only see messages received from user
I'm new to react native gifted chat and whenever I send message and log in as the other user they can see my message, when I however log back in as myself I can't see the message I sent only the ones received how do i display both?
How can I make it…

Kharl Mccatty
- 85
- 1
- 10
1
vote
0 answers
How can I implement a two-way chat feature using gifted chat and firebase authentication?
I am trying to build a chat feature for my application using React Native + Gifted Chat + expo + firebase realtime DB. I could build the module upto this part. I am using Firebase authentication and was wondering how can I associate these chats with…

Suman Shaw
- 133
- 3
- 10
1
vote
1 answer
How To Auto Resize React Native Gifted Chat Input?
I use React Native Gifted Chat and I have a problem, when text input is more than two lines or the user uses enter then TextInput is not auto-resize. Like the picture below:
This is my code:

zidniryi
- 1,212
- 3
- 15
- 36
1
vote
0 answers
How to re-render a Button to change "disabled" property on "renderMessageImage" with react-native-gifted-chat?
I am learning React Native and this is my first post at Stack Overflow.
I'm trying to re-render a button to make its disabled property change from false to true when onPress.
This button is being manually rendered insiderenderMessageImage from…

vildor
- 11
- 1
- 4