Buy Dideo Subscription
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 https://www.youtube.com/playlist?list=PLQWFhX-gwJbmrCwksjn77tdl36dIWPFAt → React navigation v5 tutorial playlist https://www.youtube.com/playlist?list=PLQWFhX-gwJbmmqcP-9zMXBaxQbGKfIJY2 → Food Finder App in React Native Playlist https://youtube.com/playlist?list=PLQWFhX-gwJbkETb0lfml7W8VvZb-Hc8oK → React Native News App Playlist https://youtube.com/playlist?list=PLQWFhX-gwJbl5sIXMZvdvGYCcZbUevE88 GitHub Repo URL https://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 https://github.com/FaridSafi/react-native-gifted-chat If you found my tutorials helpful, you can buy me a coffee from this link https://paypal.me/itzpradip Follow me on Twitter https://twitter.com/itzpradip Follow me on GitHub https://github.com/itzpradip Subscribe to my Channel http://bit.ly/2PaUqOk For more tutorials on WordPress, React JS, React Native and Flutter visit: http://www.pradipdebnath.com/blog/
