swiftui-navigation

Implement SwiftUI navigation with NavigationStack, NavigationSplitView, sheets, and deep links.

Updated Mar 31, 2026
One-click install
npx skills add https://github.com/DFly7/iOS-FastAPI-Supabase-AI --skill swiftui-navigation-dfly7
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: swiftui-navigation
Source: https://github.com/DFly7/iOS-FastAPI-Supabase-AI/tree/main/.agents/skills/swiftui-navigation
Command: npx skills add https://github.com/DFly7/iOS-FastAPI-Supabase-AI --skill swiftui-navigation-dfly7

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Implementing robust and scalable navigation patterns in SwiftUI apps can be verbose and error-prone, especially when supporting push navigation, multi-column layouts, sheets, tab-based flows, and deep linking.

Core Features & Use Cases

  • NavigationStack and NavigationSplitView patterns for push navigation and multi-column layouts
  • Sheet presentation with centralized routing for modal flows
  • Tab-based navigation with independent navigation stacks per tab
  • Deep linking, universal links, and custom URL scheme handling via a router
  • Per-tab routing state, centralized destination mapping, and URL handling patterns

Quick Start

Implement and reuse standard SwiftUI navigation patterns across an app to ensure consistent, scalable navigation.

Frequently Asked Questions about swiftui-navigation

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I manage independent navigation stacks for each tab in a SwiftUI TabView?

To manage independent navigation stacks in a SwiftUI TabView, implement per-tab navigation state using NavigationStack. This allows each tab to maintain its own routing history and destination mapping, ensuring isolated navigation paths across tab-based flows.

How do I handle deep links and custom URL schemes in a SwiftUI app?

Handle deep links and custom URL schemes in SwiftUI by implementing a centralized Router. This router parses universal links and URL routes, directing them to the correct NavigationStack destinations or modal sheet presentations across your app.

What's the best way to implement multi-column navigation in SwiftUI?

Implement multi-column navigation in SwiftUI using NavigationSplitView. This pattern supports robust multi-column layouts, allowing you to manage complex hierarchical data displays and routing within a single centralized navigation architecture.

Can I centralize sheet and modal presentation routing in SwiftUI?

Yes, you can centralize sheet and modal presentation routing in SwiftUI. By using a dedicated Router, you can manage all modal flows and sheet presentations from a single source, reducing verbosity and preventing presentation errors.

Why does my SwiftUI navigation state reset when switching tabs?

Your SwiftUI navigation state resets when switching tabs if routing state isn't isolated per tab. Implementing per-tab navigation history with NavigationStack ensures each tab retains its independent navigation stack state during tab switches.

Does this SwiftUI navigation pattern support both push navigation and modal flows?

Yes, this SwiftUI navigation pattern supports both push navigation and modal flows. It integrates NavigationStack for push routing and centralized sheet handling for modal flows, covering robust navigation across deep links and multi-column layouts.