Navigation is an essential aspect of app development as it enables users to navigate between different screens within an app. Navigation Stacks are used to build series of screens that flow left to right and Navigation Links connect these screens. To demonstrate how to create a navigation hierarchy and how to customize the Navigation Bar for each screen, follow along with this step-by-step tutorial to recreate parts of the navigation hierarchy in Apple’s Contacts app.
ℹ️ Get the starter file and learn more about Navigation in our Docs: docs.judo.app/en/articles/9020306-how-to-navigate-between-screens
➡️ Download the Judo Mac or mobile app: apps.apple.com/ca/app/judo-design-and-build-apps/id1564578427
❓ If you have any questions, please don't hesitate to add a comment below, or ask away in our community: community.judo.app/home
Thanks for watching! As always, please don't forget to like and subscribe 🙌
⏱️ Time Stamps
01:07 Starter Judo file breakdown
01:40 Navigation Stack
02:24 Navigation Link
04:16 Navigation Title
05:18 Navigation Bar Title Display Mode
06:14 Navigation Bar Hidden
06:59 Navigation Bar Back Button Hidden
08:46 Toolbar Item
10:19 Toolbar Background Visibility
11:00 Toolbar Background Color
11:36 Toolbar Color Scheme
🧑‍💻 Judo on the Web
X: judoapp
LinkedIn: www.linkedin.com/company/judoapp
Website: www.judo.app
Mastodon: mastodon.social/@judoapp