gapur / react-native-twilio-chat Goto Github PK
View Code? Open in Web Editor NEW๐ฌ Build a Twilio-Powered Chat App Using React Native
๐ฌ Build a Twilio-Powered Chat App Using React Native
conversation is created by using client.createConversation
method and trying to add participant by updatedChannel.add(userId.toString())
. but getting Bad Request error.
err when getSubscribedChannels
I salute you for the comprehensive guide, you have any advice on how to setup twilio push notifications in react-native?
Hi ,First Thanks for such an amazing work on Twilio. I am successfully ran your code on my PC but now i need some changes. I need to keep the peer to peer chats i.e chats between 2 people only.
Can you tell me how to proceed with is and where do i need changes
Hi ,First thanks alot for te guide.
I am facing problem when logging in .What should be the username and where can i define it.When logging in with random username it shows network Error
The server is running already and the jwt token is returning a positive response.
Now I need your guide and help on i how can I login as user in this app.
Hi there, we have implemented chat feature using this lib and is working fine. But I don't see there is any image/attachment support for this. When I upload image from web and check on mobile app, it simply returns "text": null. Let me know if its possible to get information of uploaded attachment
I have tried this code and i also done image upload feature,
Here is the messages data am getting:
{
createdAt: Thu Dec 23 2021 12:56:23 GMT+0530 (India Standard Time) {}
received: true
text: "Hai"
user: {_id: "Ghost", name: "Ghost"}
_id: '1'
},
{
createdAt: Thu Dec 23 2021 12:56:23 GMT+0530 (India Standard Time) {}
received: true
text: null
user: {_id: "Ghost", name: "Ghost"}
_id: '2'
}
the second object of _jd 2 contains media elements and i can see the media objects on console before parsing,
useEffect(() => {
TwilioService.getInstance()
.getChatClient()
.then((client: any) => client.getChannelBySid(channelId))
.then((channel: any) => setChannelEvents(channel))
.then((currentChannel: any) => currentChannel.getMessages())
.then((paginator: any) => {
chatMessagesPaginator.current = paginator;
const newMessages = TwilioService.getInstance().parseMessages(
paginator.items,
);
console.log(newMessages, "newMessages", paginator.items)
setMessages(newMessages);
})
.catch((err: any) =>
showMessage({message: err.message, type: 'danger'}),
)
.finally(() => setLoading(false));
}, [channelId, setChannelEvents]);
in paginator.items i can see the type: 'media' and media url inside the state,
Is their any way to get media object along with messages
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.