为何SwiftUI的alert弹窗内的NavigationLink无法正常触发跳转？

SwiftUI的.alert修饰符生成的弹窗属于独立于当前视图层级的系统级弹窗，嵌套在alert按钮内部的NavigationLink无法被当前的NavigationStack（或者旧版的NavigationView）识别，所以点击不会触发跳转逻辑。

方案1：iOS 16+ 推荐写法（使用navigationDestination绑定状态触发） #

这是目前苹果官方推荐的跳转方式，核心逻辑是把跳转触发和弹窗逻辑解耦，用状态变量驱动跳转：

// 首先在视图中新增跳转控制状态
@State private var navigateToSearch = false

VStack{
  // 你的视图内容
}
.navigationDestination(isPresented: $navigateToSearch) {
    SearchView()
}
.alert("End of available content", isPresented: $model.alertIsPresented) {
    Button("OK", role: .cancel) {
        // 点击按钮时修改跳转状态
        navigateToSearch = true
    }
}

注意：这个修饰符需要加在NavigationStack的子视图上才会生效

方案2：兼容iOS 13-15 写法（使用隐藏NavigationLink） #

如果你的项目需要兼容旧版本系统，可以把NavigationLink放在视图层级内，设置为隐藏，通过状态变量触发：

@State private var navigateToSearch = false

NavigationView { // 或者 NavigationStack 按需选择
    VStack{
        // 隐藏的NavigationLink放在视图内部
        NavigationLink(isActive: $navigateToSearch, destination: {
            SearchView()
        }, label: {
            EmptyView()
        })
        // 你的其他视图内容
    }
    .alert("End of available content", isPresented: $model.alertIsPresented) {
        Button("OK", role: .cancel) {
            navigateToSearch = true
        }
    }
}

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