In this tutorial, you'll learn how to create a chat UI in react native. To create this UI, I have used a package called react native gifted chat and then customized it to fit our requirement. With this chat screen, I have also created a list of messages screen in which we will display all the users to whom we have sent messages before.
→ Social App with Firebase in React Native Playlist • Social App with Fireba...
→ React navigation v5 tutorial playlist • React Navigation 5 Tut...
→ Food Finder App in React Native Playlist • Food Finder App in Rea...
→ React Native News App Playlist • News App in React Nati...
GitHub Repo URL bit.ly/3iW5n0v
► Timestamps
0:00 Introduction
2:02 Discussing Project Structure
3:28 Create Messages Screen UI
7:52 Passing Custom Parameter to Chat Screen through react navigation
9:19 Create Chat Screen UI with react native gifted chat
11.13 Changing The Chat Bubble Appearance
12:59 Customizing Message Send Button
15:26 Customizing Scroll To Bottom Button
17:39 Hiding Bottom Tab Bar in a Specific Nested Stack Navigator Screen (Chat Screen)
React Native Gifted Chat Package URL github.com/Far...
If you found my tutorials helpful, you can buy me a coffee from this link paypal.me/itzp...
Follow me on Twitter / itzpradip
Follow me on GitHub github.com/itz...
Subscribe to my Channel bit.ly/2PaUqOk
For more tutorials on WordPress, React JS, React Native and Flutter visit: www.pradipdebna...
15 авг 2024