Summary

Keywords

Using a Tab Navigator with Expo Router how to create a bottom tabs layout navigation patterns in Expo Router Navigation history in Expo Router Bottom tabs expo router example what are bottom tabs in Expo Router how to set up bottom tabs in expo apps Create a bottom tabs layout How to add tab bar icons how to hide a screen from the tab bar how to use stack navigator in a tab Add a stack navigator to the index route

Full Transcript

Learn to use the Tab Navigator in Expo Router: configure the tab icons, nest navigators and manage navigation history. Starter project: https://github.com/kadikraman/expo-starter Code from the video: https://github.com/kadikraman/expo-router-example/tree/main/3-tabs 00:00 - Intro 00:25 - Bottom tabs example 01:15 - Create a bottom tabs layout 02:18 - Add tab bar icons 04:10 - Labels and titles 04:59 - Hide a screen from the tab bar 05:13 - Badges 05:43 - Use a stack navigator in a tab 07:39 - Remove duplicate titles 08:44 - Add a stack navigator to the index route 10:35 - First screen to open 11:12 - Reset tab on blur 13:29 - Tab bar back action 15:32 - Outro #Expo #ReactNative #reactnativetutorial #exporouter

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

30-Day Beginner Guitar Challenge for New Players

Master the Guitar in 30 Days: Your Ultimate Beginner Challenge! Unleash your inner guitarist with step-by-step lessons designed to transform you from novice to confident player. Join Your Guitar Academy and kickstart your musical journey today!

⭐ 4.3

36 ratings

7 hours