惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

有赞技术团队
有赞技术团队
G
Google Developers Blog
T
Tailwind CSS Blog
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
人人都是产品经理
人人都是产品经理
J
Java Code Geeks
P
Proofpoint News Feed
V
Visual Studio Blog
爱范儿
爱范儿
The Cloudflare Blog
博客园 - 叶小钗
V
V2EX
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
M
MIT News - Artificial intelligence
Microsoft Security Blog
Microsoft Security Blog
博客园 - 聂微东
H
Help Net Security
B
Blog
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
博客园 - 【当耐特】
量子位
宝玉的分享
宝玉的分享
WordPress大学
WordPress大学
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知

DEV Community

Authentication Security Deep Dive: From Brute Force to Salted Hashing (With Java Examples) Why AI Systems Don’t Fail — They Drift Spilling beans for how i learn for exam😁"Reinforcement Learning Cheat Sheet" I Replaced Chrome with Safari for AI Browser Automation. Here's What Broke (and What Finally Worked) How Python Borrows Other People's Work The $40 Architecture: Processing 1 Billion API Requests with 99.99% Uptime Vibe Coding: A Workflow Guide (From Zero to SaaS) Most webhook security guides protect the wrong side. The scary part is delivery. Headless CMS for TanStack Start: Build a Blog with Cosmic EU Age Verification App "Hacked in 2 Minutes" — What Actually Happened Comfy Cloud’s delete function does not actually remove files Running AI Models on GPU Cloud Servers: A Beginner Guide Event-driven media intelligence with AWS Step Functions and Bedrock I scored 500 AI prompts across 8 quality dimensions — here's what broke How to Call Google Gemini API from Next.js (Free Tier, No Backend Needed) The Portal Protocol: Reclaiming Human Connection in the Age of AI How to Fix Your Team's Scattered Knowledge Problem With a Self-Hosted Forum Intro to tc Cloud Functors: A Graph-First Mental Model for the Modern Cloud Designing Multi-Tenant Backends With Both Ownership and Team Access I Built a Neumorphic CSS Library with 77+ Components — Here's What I Learned PostgreSQL Performance Optimization: Why Connection Pooling Is Critical at Scale Cómo construí un SaaS multi-rubro para gestionar expensas en Argentina con FastAPI + Vue 3 🚀 I Built an Ethical Hacking Scanner Tool – Open Source Project I Replaced /usage and /context in Claude Code With a Single Statusline A Pythonic Way to Handle Emails (IMAP/SMTP) with Auto-Discovery and AI-Ready Design I Collected 8.9 Million Polymarket Price Points — Here's What I Found About How Markets Really Move EcoTrack AI — Carbon Footprint Tracker & Dashboard Everyone's Using AI. No One Agrees How. 5 self-hosted ebook managers worth trying in 2026 Building Your First AI Agent with LangChain: From Chatbot to Autonomous Assistant
Beyond the Back Button: Mastering State-Driven Navigation...
Programming · 2026-04-27 · via DEV Community

Building an AI-powered app isn't like building a standard CRUD application. In a traditional app, navigation is linear: you tap a button, you push a view, you go back. But AI is different. It’s asynchronous, it’s non-linear, and it’s often unpredictable.

If you’re still using imperative navigationController.pushViewController logic to handle multi-step AI processes—like generating images, streaming LLM tokens, or processing documents—your architecture is likely on the verge of collapsing under its own complexity.

To build world-class AI experiences, we have to move toward State-Driven Navigation. Here is how you can leverage SwiftUI and modern Swift concurrency to build robust, reactive AI workflows.

Why Imperative Navigation Fails AI

In a typical AI workflow, the UI needs to react to the engine, not just the user. Imagine an image generation app:

  1. User enters a prompt.
  2. AI starts generating (Asynchronous state).
  3. AI returns a result, but it might be an error or a request for more info (Conditional branching).
  4. User refines the output (Looping state).

If you try to manage this with "if-this-then-push" logic, you end up with "Massive View Controller" syndrome. SwiftUI’s declarative paradigm offers a better way: The UI is a direct reflection of the workflow state.

The Foundation: Workflow as a State Machine

The most effective way to model an AI workflow is as a Finite State Machine (FSM). Instead of thinking about "screens," think about "states."

  • States: PromptInput, Generating, Reviewing, Error.
  • Events: SubmitPrompt, GenerationComplete, Retry.
  • Transitions: The logic that moves you from one state to another.

By binding your SwiftUI NavigationStack to a central state object, your app becomes a reactive engine. When the AI model finishes its work, it updates the state, and the UI automatically "navigates" to the next step.

Thread Safety with Actors and Sendable

AI operations are computationally expensive. Whether you are running Core ML locally or hitting a remote API, you must handle concurrency safely.

1. Isolating AI State with Actors

AI models often hold internal mutable states (like cached tensors). Accessing these from multiple threads is a recipe for crashes. We use Actors to ensure that only one task interacts with the AI engine at a time.

@available(iOS 18.0, *)
actor CoreMLInferenceEngine {
    private var model: MyImageModel 

    init() async {
        self.model = await loadModel()
    }

    func performInference(input: MLInput) async throws -> MLOutput {
        // Serialized execution ensures thread safety
        print("Processing AI Task...")
        try await Task.sleep(for: .seconds(2)) 
        return MLOutput(image: UIImage(systemName: "sparkles")!)
    }
}

Enter fullscreen mode Exit fullscreen mode

2. Ensuring Data Safety with Sendable

When passing data between your background AI actor and the @MainActor (the UI), your data types must conform to Sendable. This tells the compiler that the data is safe to move across concurrency boundaries without causing race conditions.

Implementing the Pattern: The Smart Document Scanner

Let’s look at a practical implementation using a NavigationStack and a NavigationPath. This pattern allows you to programmatically "drive" the user through a multi-step process.

The State-Driven Coordinator

@Observable
class AIWorkflowCoordinator {
    var path = [WorkflowStep]()
    var isProcessing = false

    enum WorkflowStep: Hashable {
        case processing(Document)
        case review(Document)
    }

    func startWorkflow(with doc: Document) async {
        // 1. Move to processing state
        path.append(.processing(doc))

        // 2. Perform AI Task
        do {
            let processedDoc = try await processWithAI(doc)

            // 3. Transition to review state
            path.append(.review(processedDoc))
        } catch {
            // Handle error state
        }
    }
}

Enter fullscreen mode Exit fullscreen mode

The SwiftUI View Hierarchy

In your view, you simply observe the path. SwiftUI handles the transitions automatically.

struct DocumentScannerView: View {
    @State private var coordinator = AIWorkflowCoordinator()

    var body: some View {
        NavigationStack(path: $coordinator.path) {
            CaptureView() // The Root
                .navigationDestination(for: AIWorkflowCoordinator.WorkflowStep.self) { step in
                    switch step {
                    case .processing(let doc):
                        ProcessingSpinnerView(document: doc)
                    case .review(let doc):
                        ReviewView(document: doc)
                    }
                }
        }
    }
}

Enter fullscreen mode Exit fullscreen mode

Why This Matters for UX

When navigation is tied to state, the user experience feels "intelligent."

  • Reactivity: If a stream of text comes in from an LLM, the UI can transition the moment the first token arrives.
  • Robustness: If the network drops, the state machine moves to .error, and the UI instantly shows a recovery screen—no manual "pop" or "dismiss" required.
  • Testability: You can test your entire AI workflow logic by simply asserting state transitions without ever touching a UI test.

Conclusion

The shift from imperative to declarative navigation is the "secret sauce" for modern AI applications. By treating your workflow as a state machine and leveraging Swift’s concurrency tools like Actors and @Observable, you create interfaces that are as dynamic as the models powering them. Stop fighting the navigation stack and start letting your state drive the experience.

Let's Discuss

  1. How are you currently handling long-running AI tasks in your UI? Do you prefer modal sheets or a linear navigation stack?
  2. Have you run into "race conditions" when passing AI model outputs between background threads and the Main Actor? How did you solve them?

The concepts and code demonstrated here are drawn directly from the comprehensive roadmap laid out in the ebook
SwiftUI for AI Apps. Building reactive, intelligent interfaces that respond to model outputs, stream tokens, and visualize AI predictions in real time. You can find it here: Leanpub.com or Amazon.
Check also all the other programming ebooks on python, typescript, c#, swift: Leanpub.com or Amazon.