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

Multiple useEffect in react-native to achieve mentioned functionality

I need help with the async nature of Async storage and axios api. Here's the functionality that I am trying to achieve -> send request to two separate api to get some data. display that data on the screen with some additional text api request…
Tanmay Gurav
  • 11
  • 2
1
vote
1 answer

Anybody knows how to add a camera widget on a Gifted chat component?

Does anybody have any experience into adding a camera widget into component in ReactNative?
roii31
  • 33
  • 4
1
vote
0 answers

React Native Gifted Chat Rendering Issues

I have been pulling my hair out the last two days and nights trying to figure out why the Gifted Chat package behaves the way it does once the user clicks on the text input box. If you head to Gifted Chat's GitHub…
Griffin Baker
  • 53
  • 5
1
vote
1 answer

Problem with generating random Id in react-native with Nanoid or UUID

I have a chat app, when I create for the first time a new chat I need an random Id to identify the chat, then, when I try to send the message I need that same id. I declare nanoId before the component declaration: import…
Albin Rdz
  • 143
  • 1
  • 11
1
vote
0 answers

How to create a simple React Native Chatbot with react-native-gifted-chat

I'm a new in react native, and I want to create a simple chatbot with react-native-gifted-chat. I've tried this tutorial https://youtu.be/ClBC93WPkmw, but it doesn't works because of some problem about installing Dialogflow(I've tried any other way…
Emily_J
  • 11
  • 1
1
vote
3 answers

EventEmitter.removeListener('keyboardDidHide', ...): Method has been deprecated

Please help me, I don't know what this warning is. I'm trying to render a chat room with chat messages between two users from Cloud Firestore database. This warning throws when I render the ChatRoom screen. This worked for me without warnings on…
CleanCodeOnline
  • 107
  • 2
  • 11
1
vote
1 answer

How do I hide the Android Keyboard when using React-Native-Gifted-Chat?

I am using React-Native-Gifted-Chat in my RN/Expo app. When a user goes to type a message, the message box should move up with the keyboard . This is the behavior I get on iOS, but with Android, it covers up the box. I've tried enclosing a…
MK_Pierce
  • 916
  • 2
  • 10
  • 26
1
vote
1 answer

How to add button near bubble Gifted Chat?

I've been using the GitedChat library and I want to add a button next to Bubble on the right "Reply".How do I do that? Example Image Bubble.JS import React from 'react'; import {Bubble} from 'react-native-gifted-chat'; export const renderBubble =…
Material
  • 49
  • 1
  • 9
1
vote
2 answers

React native navigate to other screen

I am trying to redirect to CallScreen, but the redirect() function isnt being called. My code is in https://pastebin.com/FKLfGxhR, the function is supposed to be called options={{ 'Choose From Library': () => { this.redirect(); }, }}…
Phenomenon
  • 104
  • 7
1
vote
1 answer

React-native-gifted-chat image not showing

My image is not showing up. This is the message in firebase. messages={this.state.messages} onSend={FirebaseStorage.shared.send} user={this.user} renderMessageImage={() => this.showImage} …
Phenomenon
  • 104
  • 7
1
vote
0 answers

React native Gifted Chat lazy loader

I want to code a lazy loader for my react native chat app. But when i code below i can get the data but i don't know how can i render my gifted chat component according to that data. Here is my code: const loadHandler = () => { chatsRef …
Leo S
  • 319
  • 2
  • 16
1
vote
1 answer

Getting error when I import 'dayjs/local/en'?

I want to add locale to my react-native-gifted-chat, because the chats do not show up one after the other, I am guessing because of time zones. I added Locale to my gifted chat: import en from 'dayjs/locale/en' render() { return ( …
kalculated
  • 299
  • 4
  • 19
1
vote
1 answer

React gifted chat message alignment

I cannot get messages from two users to align on the left and right side, while pulling them from state. They all go on the left side. If i try to post a new message, that message goes on the right side as expected, but not while pulling them from…
sid0972
  • 141
  • 1
  • 4
  • 13
1
vote
2 answers

Gifted Chat Invalid Date Issue

I am using react native gifted chat along with firestore, It shows invalid date on message time stamp. Any guidance how to correct it? I am using timestamp of gifted chat in the code as follows msg.forEach(item=> { const data1={ …
Divyansh Dixit
  • 41
  • 3
1
vote
2 answers

Alternative to giftedchat react native

In all the react-native tutorials I have seen so far, on building a chat app, I see them using gifted chat. After installing the library, it is really buggy and slow. Below are some things I experience when using it. When I have messages over 100,…
blessing dickson
  • 115
  • 9
1 2 3
…
13 14