SwiftUI食谱App新增食谱后跳转显示旧食谱问题修复

这类新条目跳转错位的问题，90%都是两个逻辑漏洞导致的：

• NavigationLink绑定了数组位置索引做条目定位，只要列表排序规则和你预设的「新条目插入位置」不一致，索引对应的元素直接错位，触发跳转时就会拿到旧食谱数据。
• 保存新食谱的逻辑里，你是从已加载的食谱数组里取「首位/末位元素」当跳转目标，没等ViewModel完成数据插入、排序刷新就提前取值，拿到的自然是插入操作前就存在的旧数据。

1. 替换基于索引的导航绑定逻辑 #

彻底弃用索引做ForEach和NavigationLink的绑定标识，直接用遵循Identifiable的Recipe数据实体做绑定，从根源上避开排序带来的位置错位问题：

// 错误写法（依赖索引，排序变动必出错）
List {
    ForEach(0..<viewModel.recipes.count, id: \.self) { index in
        let recipe = viewModel.recipes[index]
        NavigationLink {
            RecipeDetailView(recipe: recipe)
        } label: {
            RecipeRow(recipe: recipe)
        }
    }
}

// 正确写法（绑定数据实体本身，和列表位置无关）
NavigationStack {
    List {
        ForEach(viewModel.recipes) { recipe in
            NavigationLink(value: recipe) {
                RecipeRow(recipe: recipe)
            }
        }
    }
    .navigationDestination(for: Recipe.self) { recipe in
        RecipeDetailView(recipe: recipe)
    }
}

注意：确保Recipe模型遵守Identifiable协议，用全局唯一、不会变更的属性（比如自动生成的UUID）作为id，不要用数组位置、排序序号当id。

2. 修正新增后的跳转触发逻辑 #

保存新食谱时，不要等插入完成后再去数组里找新条目，直接用你创建新食谱时生成的实例做跳转目标，完全绕开排序、数组位置的影响：

// 新增食谱表单的保存按钮逻辑
Button("保存") {
    // 提前生成新食谱实例，分配唯一id
    let newRecipe = Recipe(
        id: UUID(),
        title: titleInput,
        ingredients: ingredientInput,
        steps: stepInput,
        createTime: Date()
        // 其余业务字段按你的模型补全
    )
    // 先调用ViewModel方法完成数据插入、排序
    viewModel.addRecipe(newRecipe)
    // 直接用当前生成的newRecipe实例触发导航跳转，不要从数组里取值
    path.append(newRecipe)
    // 关闭新增表单
    dismiss()
}

同步检查ViewModel里的新增方法逻辑，必须在新数据插入数组后立刻执行排序，再发布UI更新，不要等页面跳转后再跑排序：

@MainActor
class RecipesViewModel: ObservableObject {
    @Published var recipes: [Recipe] = []

    func addRecipe(_ recipe: Recipe) {
        recipes.append(recipe)
        // 插入后立刻执行你配置的排序规则，比如按创建时间倒序，新食谱排在最前
        recipes.sort { $0.createTime > $1.createTime }
    }
}

3. 排查TabBar导航栈状态污染 #

如果你的底部TabBar是包裹NavigationStack实现的，确保每个Tab页独立维护自己的导航栈状态，不要多个Tab共用同一个NavigationPath变量，否则跨Tab切换时残留的旧导航状态会触发错误跳转。

改完后做三个场景测试：

• 新增任意食谱，保存后跳转的详情页内容和你填写的完全一致
• 对食谱列表做排序、删除条目操作后，点击任意列表项跳转的详情和点击项完全匹配
• 切换其他Tab再切回「我的食谱」页，不会自动弹出无关的详情页

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