We’ll need to make a number of modifications to CometChat’s UI kit so it suits all of our requirements. The underlying list we will become focusing on is actually src/cometchat-pro-react-native-ui-kit.
目次
Remove the alive impulse option
We merely need so it is an easy speak application, very to save some thing easy, we must remove the live response switch:
Still on the src/components/Messages/CometChatMessageComposer/directory.js file, remove the adopting the code. Here is the very first kid of style.mainContainer and it comes prior to concept.textInputContainer:
Cure content responses
The last thing that individuals need to clean out ‘s the message reactions. This is actually the emoji switch that you look for proper beneath the timestamp of each content bubble:
We have to upgrade a few data to remove it. This is because this new recipient plus the transmitter has separate password to have each. Earliest, why don’t we improve the fresh new person adaptation on src/components/Messages/CometChatReceiverTextMessageBubble/list.js. Get rid of the pursuing the password. It is located nearby the bottom, prior to all the Examine section try signed:
2nd, inform the transmitter variation at src/components/Messages/CometChatSenderTextMessageBubble/directory.js. Remove the following code. That is found prior to the last closing Check tag:
Including the new host code
Area of Haiti sД±cak kadД±nlar the aim of the host will be to manage a matching CometChat member on Firebase user. And also make one thing effortless, we’ll explore Node.js and Fastify in order to make the newest machine.
Keep in mind that the fresh new COMETCHAT_API_Secret must be the secrets you can find to the API & Auth Techniques part under the Rest API Keys tab:
Second, are the channel to possess starting users. Once the you have seen about app code prior to, a post demand is designed to this station whenever a person signs up. So it allows the newest Firebase member auth ID (uid) together with Firebase document ID. Title, current email address, and gender is also submitted the brand new consult. We fool around with robohash to your member avatars. When we have all the user investigation in a position, i send the request to the CometChat Other individuals API endpoint. Be careful using this type of since you might possibly be contributed to an prior to papers (which means that a wrong API endpoint). Assure you’re choosing the stable form of the fresh new documents (already it’s during the version 2.1). The main element to keep in mind whenever giving brand new consult is that it needs to be converted to a beneficial JSON sequence using JSON.stringify. This new metadata should also be converted alone:
Powering the new software
Register several account you are able to having assessment after that is actually they. Keep in mind that you can just talk to several other associate for those who both appreciated each other.
That’s all! Especially, you’ve learned ways to use Firebase to apply verification inside good Act Indigenous application. We now have additionally use it a document shop to own profiles data. Following i made use of CometChat so you’re able to easily implement brand new chat capabilities.
Wern is actually a web and mobile software developer on the Philippines. He enjoys building apps and you can revealing what exactly he’s read by writing in his blogs. Whenever he isn’t coding otherwise discovering new things, the guy provides exercise and you may gardening.
- Label setIsLoggedIn() method on context so you’re able to change the fresh UI that user are logged in. Observe that the new consult to help make this new CometChat representative towards the servers should have wait a little for because getting in touch with setIsLoggedIn() have a tendency to end in CometChat.login() so if the latest relevant CometChat associate cannot exists but really at that area then you’ll definitely score a mistake.
Second, range from the pick() setting. It implements tips four to six on the realization prior to. It is conducted if representative enjoys otherwise detests someone. The user studies (person) in addition to their choice (such as for instance otherwise dislike) was enacted due to the fact objections. addMatchedUser() contributes the individual’s ID towards matchedUsers number it will get excluded on the possible matches. The state try volatile whether or not, therefore we also have to add another file on the fits range which has had new logged from inside the profiles ID, anyone they preferred or hated, in addition to their choice. That way, even when the member shuts the fresh new application, their fits continue to be unchanged.
美人になりたい運営事務局
