react native - Travel App UI in React Native with Expo Router | 2024 Beginners Tutorial

In this tutorial, you'll learn how to create a Travel App UI in React Native with Expo Router for navigating between different screens of the app. Along with the UI, also here I've shown you how to customize the tabbar navigator in expo router and how to implement a parallax scrolling effect and animation using react native reanimated package in your expo app. The best part of this tutorial is that it's completely beginner's friendly. 👨🏻‍💻 Get the source code here https://tinyurl.com/576fp9js Learn TypeScript for ReactJS for Beginner's Tutorial https://youtu.be/WApd-GNOWJM Expo Router Tutorial Playlist https://www.youtube.com/playlist?list=PLQWFhX-gwJbluCKdCPVYnfwVJlBDVf9E- → 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 → Music App UI Tutorial https://youtu.be/fOtCxD3AodY ► Timestamps 0:00 Introduction 2:27 Create and Setup the Project 4:55 Create Custom Bottom TabBar Navigator using Expo Router 11:00 Create Travel App HomeScreen UI 19:35 Create Categories Buttons and Add Animation 31:23 Create Listings using FlatList 44:52 Create GroupListings 50:24 Create Details Screen UI of the Items 01:05:10 Add Parallax Scroll Effect and Animation using React Native Reanimated If you found my tutorials helpful, you can buy me a coffee from this link https://paypal.me/PDNTechnology 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/