SwiftUI实现添加新笔记后立即跳转至详情视图的方法

在SwiftUI（iOS 16+）中结合SwiftData实现添加新笔记后自动跳转详情页，最可靠的方式是用NavigationStack配合navigationDestination和状态绑定，具体实现步骤如下：

1. 添加状态变量追踪待跳转笔记
   在NoteList结构体中新增一个@State变量，用来存储刚创建的新笔记：

@State private var selectedNote: Note?

2. 配置导航目标规则
   在List视图外层（需包裹在NavigationStack内）添加navigationDestination，指定当selectedNote有值时，自动跳转至对应的NoteView：

.navigationDestination(item: $selectedNote) { note in
    NoteView(note: note)
}

3. 修改添加按钮逻辑触发导航
   创建新笔记后，将selectedNote赋值为刚创建的对象，触发导航行为：

Button("Add Note", systemImage: "square.and.pencil") {
    let newNote = Note(title: " ", folder: folder)
    folder.notes.append(newNote)
    context.insert(newNote)
    // 触发导航
    selectedNote = newNote
}

修改后的完整代码 #

import SwiftUI
import SwiftData

struct NoteList: View {
    let folder: Folder
    
    @Query(sort: \Note.lastModified) private var notes: [Note]
    @Environment(\.modelContext) private var context
    // 新增状态变量，追踪要跳转的笔记
    @State private var selectedNote: Note?
    
    var body: some View {
        NavigationStack { // 确保外层是NavigationStack（iOS16+）
            List {
                ForEach(folder.notes) { note in
                    NavigationLink() {
                        NoteView(note: note)
                    } label: {
                        Text(note.title)
                    }
                }
            }
            .navigationTitle(folder.name)
            // 配置导航目标
            .navigationDestination(item: $selectedNote) { note in
                NoteView(note: note)
            }
            .toolbar {
                ToolbarItemGroup(placement: .bottomBar) {
                    Button("Add Note", systemImage: "square.and.pencil") {
                        let newNote = Note(title: " ", folder: folder)
                        folder.notes.append(newNote)
                        context.insert(newNote)
                        // 设置selectedNote触发跳转
                        selectedNote = newNote
                    }
                }
            }
        }
    }
}

关键说明 #

• navigationDestination(item:)会监听绑定的可选对象，当对象从nil变为非nil时自动触发导航；导航完成后，该对象会自动重置为nil。
• 若需兼容iOS15及以下版本，可使用NavigationView配合NavigationLink的isActive绑定实现类似效果。

内容的提问来源于stack exchange，提问作者milkycards