Grab the free React Navigation v8 cheat sheet → https://codewithbeto.dev/blog/react-navigation-v8-cheat-sheet

Learn how to build a React Native app from scratch using React Navigation v8 — covering stacks, bottom tabs with liquid glass, SF Symbols, material colors, dark mode, and authentication flows.

Master React Native with me → https://cwb.sh/rn?r=yt
React Navigation Docs: https://reactnavigation.org
Warp Terminal: https://cwb.sh/warp?r=yt
Platano (ready-to-ship AI app template): https://cwb.sh/platano?r=yt

Newsletter: https://cwb.sh/newsletter?r=yt
Join the Discord community: https://cwb.sh/discord

My apps:
Quick Push: Test Push Notifications (MacOS) → https://apple.co/4tvT4wF
Inkigo: AI Tattoo Try On (iOS) → https://cwb.sh/inkigo

For other ways to support my work, please consider:
- Become a Code with Beto channel member: https://cwb.sh/join
- GitHub Sponsors: https://github.com/sponsors/betomoedano

Follow Beto on X: https://cwb.sh/x?r=yt
LinkedIn: https://cwb.sh/in?r=yt
GitHub: https://cwb.sh/gh?r=yt
Instagram: https://cwb.sh/insta?r=yt
TikTok: https://cwb.sh/tiktok?r=yt
Threads: https://cwb.sh/threads?r=yt
Bluesky: https://cwb.sh/bsky?r=yt

⌚️ Timestamps ⌚️
00:00 Intro
02:10 Creating the Project
02:46 Installing React Navigation v8
05:55 Prebuild & Compile
08:17 Static vs Dynamic Configuration
10:17 Creating Screens & Stack Navigator
16:03 Navigating Between Screens
17:50 TypeScript Type Safety
22:14 Customizing Headers & UI
24:50 Handling Liquid Glass Compatibility
25:40 Adding Bottom Tabs
29:22 Tab Bar Icons (SF Symbols + Material)
33:01 Dark Mode Support
36:15 Material Themes & Dynamic Colors
41:36 Authentication Flows
46:54 Outro

#reactnative  #reactnavigation  #liquidglass

Code with Beto

A hands-on walkthrough of React Navigation v8 for React Native, covering installation with Expo SDK 55, static vs dynamic configuration, native stack setup, bottom tabs with liquid glass on iOS 26 and material colors on Android, TypeScript type safety, dark mode handling, and authentication flows using conditional screen rendering.

React Navigation v8 Crash Course — Liquid Glass, Tabs & More