react-native-gifted-chat | 💬 The most complete chat UI for React Native | Frontend Framework library

I have added a chat to my app with react-native-gifted-chat and I want to remove the taskbar (tabBar) on the specific chat screen, to offer more space and a better user experience.

This happens on iOS and Android

But I can't hide it, despite trying different ways to do it:

• Add tabBarVisible: false,

• I have added my function

  const getTabBarVisibility = (route) => { const routeName = route.state ? route.state.routes [route.state.index] .name : '';

  ...

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 "KeyboardAvoidingView" around the "GiftedChat" prop, but it pushes the message box outside the screen.

I've also tried what is seen below, and while the keyboard doesn't go away, it still covers the message box when typing.

Below is my code:

I am making a react-native (expo) chat app. Throughout the app including Auth-work , Users-work, etc, I have used Firebase Rest API to do all the work. Now in the messaging section, I am using react-native-gifted-chat I have made the sending messaging functionality and I am storing my Messages like this.

FireBase storing Messaging

Like in the firebase package, we can do something like onSnapshot() but is there a way to do the same In the rest API. If not, what should I do if I don't want to install firebase and only work through rest API. In Conclusion: I want to ask is there a way in firebase rest API to do something when a node changes (like Chatroom node)

Any help will be appreciated Thanks in advance

I am writing a simple chat app where a user can send a photo. Once a user click on a message with a photo, it is been rendered inside ImageViewer. Then I have the option to saved the photo. Once the photo is saved, I want to display modal with "you saved your photo" or something like this. So far so good. BUT, the modal with the informative message appears to take full screen instead of just one row message. Here is my code:

I am developing React Native app (not expo) using Galio-Framework. https://galio.io/docs/#/components

I was trying to use Checkbox using sample code. Here is the code I get from the sample.

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 state.

Example code

I am getting this error when I am trying to run my React Native app in iOS:

I'm passing data through different pages down to the last page in my app, its been working fine.

But the issue is the last page has 2 components so the typical , here's what I mean:

I have an App.js

content of App.js

I am trying to use react-native-gifted-chat to build a chat room in my app.

Unfortunately, the chat's are appearing in "groups", not sequentially. For example,

1. I send a message
2. Someone else sends a message
3. I send another message
4. The messages I send group together, sometimes appearing above other messages, sometimes below

Here is an image of the issue:

Notice how some younger messages are above some older messages, and grouped by the user who sent it!

This is how I write the message to the DB: