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://bit.ly/4dlOGYB
Learn TypeScript for ReactJS for Beginner's Tutorial • Learn ReactJS with TypeScript for Beg...
Expo Router Tutorial Playlist • Expo Router
→ Social App with Firebase in React Native Playlist • Social App with Firebase in React Native
→ React navigation v5 tutorial playlist • React Navigation 5 Tutorials
→ Food Finder App in React Native Playlist • Food Finder App in React Native
→ Music App UI Tutorial • Music App UI in React Native | Create...
► 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 / 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/