Swift UI为什么我有两个后退按钮？

SwiftUI 中出现两个后退按钮的问题通常是由于导航栈的管理不当导致的。在 SwiftUI 中，NavigationView 和 NavigationLink 用于构建导航界面，而每个 NavigationLink 都会在导航栈中添加一个新的视图。如果导航栈中存在多个相同的视图，或者由于某些操作导致视图被重复添加到栈中，就可能出现两个后退按钮的情况。

基础概念

NavigationView: SwiftUI 中用于创建和管理导航界面的组件。
NavigationLink: 用于从一个视图导航到另一个视图的组件。
导航栈: SwiftUI 维护的一个视图栈，用于管理当前显示的视图以及可以返回的视图历史。

类型

模态导航: 使用 presentationMode 或 .sheet 进行模态展示。
栈导航: 使用 NavigationView 和 NavigationLink 进行层级导航。

应用场景

应用内导航: 如列表详情页的跳转。
模态弹窗: 如登录、设置等需要临时展示的界面。

解决方法

要解决这个问题，你需要检查以下几点：

确保每个视图只被添加一次: 检查是否有重复的 NavigationLink 或者在视图中多次调用导航方法。
使用 isDetailLink 属性: 在 iPadOS 上，可以使用 isDetailLink(false) 来避免不必要的详情视图导航。
清理导航栈: 如果需要，可以在适当的时候手动清理导航栈。

示例代码

以下是一个简单的 SwiftUI 应用示例，展示了如何正确使用 NavigationView 和 NavigationLink：

import SwiftUI

struct ContentView: View {
    var body: some View {
        NavigationView {
            List(0..<5) { number in
                NavigationLink(destination: DetailView(number: number)) {
                    Text("Row \(number)")
                }
            }
            .navigationTitle("Main List")
        }
    }
}

struct DetailView: View {
    let number: Int
    
    var body: some View {
        Text("Detail for \(number)")
            .navigationTitle("Detail")
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

在这个示例中，每次点击列表项时，都会导航到一个新的详情视图，而不会出现两个后退按钮的问题。