We are going to need to make a few improvement in order to CometChat’s UI kit so it suits our criteria. The root list we are going to be implementing try src/cometchat-pro-react-native-ui-kit.
Remove the real time effect option
I just need which are a simple chat application, therefore to store one thing easy, we need to get rid of the alive reaction button:
Dump composer methods key
Nonetheless to your src/components/Messages/CometChatMessageComposer/list.js file, eliminate the adopting the code. This is the basic baby of fashion.mainContainer also it will come before style.textInputContainer:
Dump message responses
The worst thing that we must dump ‘s the message reactions. This is actually the emoji switch which you see best beneath the timestamp of any content ripple:
We must change a couple of data to eliminate it. That’s because the brand new individual together with transmitter keeps separate password to have for every. Basic, why don’t we revise the latest receiver variation in the src/components/Messages/CometChatReceiverTextMessageBubble/index.js. Remove the after the code. This might be discovered around the base, prior to all Examine areas try signed:
Next, change the fresh transmitter adaptation in the src/components/Messages/CometChatSenderTextMessageBubble/index.js. Take away the after the code. This will be located just before the very last closing View tag:
Adding new machine password
Part of the aim of brand new server is always to manage a matching CometChat user to your Firebase member. And then make anything easy, we’ll play with Node.js and you can Fastify in order to make the new host.
Note that new COMETCHAT_API_Trick must be the techniques there are with the API & Auth Keys section in Others API Tips tab:
Next, add the route getting carrying out pages. As the you’ve seen throughout the application password earlier, an article posta sipariЕџi Tunus eЕџleri request is designed to which route when a person signs up. It allows this new Firebase associate auth ID (uid) and also the Firebase file ID. The name, email, and you may gender is even sent in the brand new consult. I explore robohash into the affiliate avatars. When we have got all the consumer research ready, i post the request to your CometChat Rest API endpoint. Be cautious with this as you is triggered a keen prior to paperwork (meaning that a wrong API endpoint). Guaranteed you’re choosing the stable kind of the latest records (currently it is in the adaptation 2.1). One of the keys to consider when giving the new demand is that it ought to be transformed into an effective JSON sequence having fun with JSON.stringify. The newest metadata should also be converted separately:
Running the fresh new app
Check in several profile you should use to possess research upcoming are they. Just remember that , you might simply chat with another user for individuals who both liked one another.
That’s it! Particularly, you read making use of Firebase to make usage of authentication within this a good Perform Indigenous software. We now have also use it a data shops to possess profiles research. Upcoming i put CometChat in order to easily pertain the brand new cam capabilities.
Wern is actually a web site and cellular app developer about Philippines. The guy wants strengthening applications and you can sharing things they have read by the composing in the website. When he isn’t programming otherwise learning something new, he enjoys exercising and you can gardening.
- Label setIsLoggedIn() method on the perspective so you can change the brand new UI that the member was logged in. Keep in mind that brand new consult in order to make the fresh CometChat associate into machine really needs expect due to the fact calling setIsLoggedIn() have a tendency to produce CometChat.login() so if the latest related CometChat member doesn’t occur yet at that part then you’ll definitely get a mistake.
2nd, range from the determine() setting. So it implements procedures four to six in the summation before. It’s done in the event the associate wants or hates some one. An individual research (person) in addition to their choice (particularly otherwise hate) try enacted as the objections. addMatchedUser() adds the person’s ID toward matchedUsers assortment which becomes omitted regarding the potential matches. The official are volatile even though, so we also have to include another file to the matches range that has had the fresh new logged within the profiles ID, the individual they enjoyed otherwise hated, as well as their choice. This way, even if the associate closes the latest software, its suits will still be undamaged.