DEV Community

Cover image for Chat app with React Native (part 4): A guide to create Chat UI Screens with react-native-gifted-chat

Chat app with React Native (part 4): A guide to create Chat UI Screens with react-native-gifted-chat

Aman Mittal on May 11, 2020

Originally Published at Heartbeat.Fritz.ai In part 3, we completed the task of integrating the Firestore to the current React Native app. The da...
Collapse
 
phwizard profile image
Taras Filatov

We also use GiftedChat in our project github.com/dappros/ethora, it's brilliant.

Anyone else here building chat apps lately?

Collapse
 
amanhimself profile image
Aman Mittal

Nice!

Collapse
 
ishan0445 profile image
Ishan Rayeen

Out of context question.. please don’t mind.

How did you put the series table at the top and bottom of the article?

Collapse
 
amanhimself profile image
Aman Mittal

When you are creating the post, go the menu next to the cover image button and you will find two options: canonical url and series name. Enter a series name if its the first post in the series. For second part and so on, the series will appear from the saved state. It creates the table on its own.

Collapse
 
ishan0445 profile image
Ishan Rayeen

Thank you so much... I was trying this, but the table was not visible in the preview, so I thought I am doing something wrong.
One more thing, how does it knows the ordering? It must be date of creation of the article right?

Thread Thread
 
amanhimself profile image
Aman Mittal

I think its the date of creation.

Thread Thread
 
amanhimself profile image
Aman Mittal

No problem :)

Collapse
 
dance2die profile image
Sung M. Kim

Refer to the series tag under Front Matter :)

dev.to/p/editor_guide

Collapse
 
karanpratapsingh profile image
Karan Pratap Singh

Nicee, did something similar for Proximity (github.com/karanpratapsingh/Proximity). Gifted chat is such a time saver

Collapse
 
amanhimself profile image
Aman Mittal

Yeah it is. Will checkout your app. Thanks for sharing.