Questions tagged [react-native-gifted-chat]

<GiftedChat
    messages={this.state.messages}
    onSend={messages => this.onSend(messages)}
    user={{
      _id: 1,
    }}
  />
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…
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…
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…
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…
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…
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…
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…