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/