<GiftedChat
messages={this.state.messages}
onSend={messages => this.onSend(messages)}
user={{
_id: 1,
}}
/>
Questions tagged [react-native-gifted-chat]
207 questions
0
votes
3 answers
Remove space between keyboard and composer in React-Native-Gifted-Chat
I'm using the react-native-gifted-chat package for my React Native application.
Somehow there is a space between the composer and the keyboard, although I did not customise the GiftedChat.
Marked orange in the attached screenshot:
I already tried…
Mario Murrent
- 712
- 5
- 24
0
votes
0 answers
Are there any tutorials/link on developing a user chat messaging screen in react native similar to apps like AirBnB or Instagram?
I have created a firebase account and created the Firebase message class below to send messages but I'm not sure how to send messages to different users.
lass FireMessage {
constructor() {
this.init()
this.checkAuth()
}
init = () => {
if…
AJDee
- 147
- 1
- 14
0
votes
1 answer
react-native-gifted-chat only re-render last bubble
I want to custom ticks in Bubble with status: sending, sent, receive and read in react-native-gifted-chat
This is my code custom renderTicks:
renderTicks = message => {
const { statusMessage } = this.state;
// TODO: Status…
Anhdevit
- 1,926
- 2
- 16
- 29
0
votes
1 answer
react-native-gifted-chat How to display user avatar as user's initial if image is null
setup
Expo
react native
Gifted-chat
Question
In chat screen , I want to display initial of user's name (other than the current user) if the the user has no image for avatar.
I dont know how to use or which props to use.
Can anyone please…
Bhol
- 145
- 3
- 16
0
votes
0 answers
'GiftedChat' API not rendering and unable to send/receive texts
So I'm basically developing a react-native Chat app using firebase as the backend and I'm stuck at this point where I am unable to send messages and not render the GiftedChat Api even. I'm pasting the Home component here can you please help me out.…
Neo
- 11
- 2
0
votes
2 answers
How to display messages on the left side of the chat
I am trying to set up a chat page that the user can interact with a chatbot that I have already created. The users messages pop up on the right side of the page but when the message is sent to the server and a response is returned, I am unsure on…
Luke Meads
- 3
- 5
0
votes
2 answers
React Native: Functional Component to Class Component
I am using React Native Gifted Code.
I am trying to convert the following example to class component:
And here's is my code snippet provided below:
constructor(props) {
super(props);
this.state = {
message: [{
_id: 1,
…
Beep Boop
- 327
- 6
- 30
0
votes
1 answer
How to implement blue tick feature like Whatsapp in react native chat app
I'm building a chat application which is working fine but now I want to implement blue tick feature to check either message has been seen or not. I'm using socket.io and react-native-gifted-chat in this app. I am struggling to find a way to know how…
Adeel Iftikhar
- 772
- 7
- 30
0
votes
1 answer
Custom text input box, how to add margin
I'm trying to make the input bar look like this:
but I can't get it to space properly. I also can't get rid of the line/divider. Right now, it looks like this:
There's no spacing on the bottom or the top
This is my code:
aspiringsomeone
- 535
- 2
- 9
- 18
0
votes
1 answer
How can I send images/video and voice messages in React-native-Gifted-chat using render actions?
I want to send images/video in chat application, developed using React-native-gifted-chat and Firebase, How can I create action for them and call that actions to upload in firebase and send images/video?
Here is my code.
handleSendImage = () => {
…
JPithwa
- 63
- 2
- 6
0
votes
1 answer
React Native Gifted Chat: Hide other user's avatar
Is there a way to hide the other user's avatar too for react native gifted chat? I know you can hide the current user's avatar but I can't find it for the other user.
aspiringsomeone
- 535
- 2
- 9
- 18
0
votes
1 answer
How to get the count of unread messages in React native with gifted chat library?
Am currently using react native gifted chat for the message/chat feature in my application.
Now I want to show the unread messages for the user, does anyone have an idea about it or any suggestions to tackle this.
Any help/Suggestion will be…
Chandanesh
- 21
- 5
0
votes
1 answer
How to add chat name in react-native-gifted-chat
I used normal chat bubble in react-native-gifted-plugin, and I want to add chat name on the top of the bubble and bold it. Is there a way to do that?refer the images.
I used renderUsernameOnMessage prop to show username, How can I style that.It…
Wathsala De Silva
- 131
- 1
- 13
0
votes
1 answer
React Native: GiftedChat only updating chat message if I scroll to top of screen?
I'm using Gifted Chat for a chat app using React Native. When I send either a text message or an image, the code executes, but the new message does not appear on the screen unless I scroll to the top of the chat screen. If I scroll to the bottom,…
Scott
- 1,207
- 2
- 15
- 38
0
votes
1 answer
react native android keyboard empty space
I am trying to fix a problem we are having with the keyboard on android. Due to react-native-gifted-chat, we have to use android:windowSoftInputMode="adjustResize" instead of adjustPan. The problem is, that the chat breaks without adjustResize and…
psteinroe
- 493
- 1
- 6
- 18