iOS16中navigationDestination(isPresented:)无法跳转视图问题求助

核心问题分析 #

你遇到的跳转失效、放入NavigationStack后内容消失的问题，本质是没正确理解iOS16+新导航机制的两个核心要求：

1. 所有需要跳转的视图必须嵌套在NavigationStack内部
2. 用于触发跳转的状态变量必须是可观察的（@State/@Published）

修正步骤&代码示例 #

1. 确保根视图是NavigationStack

之前内容消失大概率是NavigationStack的嵌套错误，正确结构是将整个页面内容包裹在NavigationStack中：

struct YourCurrentView: View {
    // 必须用@State定义触发跳转的状态变量
    @State private var isGameViewActive = false
    // 用结构体封装游戏数据，避免分散变量导致状态混乱
    @State private var currentGame: GameInfo?
    // 其他状态变量
    @State private var isGameInfoEmpty = false
    
    var body: some View {
        // 根容器必须是NavigationStack
        NavigationStack {
            Button(action: { watchGame(name: "Cuphead") }, label: {
                Image("abzu")
                    .resizable()
                    .scaledToFit()
                    .frame(width: 240, height: 135)
            })
            // 将navigationDestination绑定到状态变量
            .navigationDestination(isPresented: $isGameViewActive) {
                // 确保数据存在再渲染目标视图
                if let game = currentGame {
                    GameView(
                        url: game.url,
                        titulo: game.titulo,
                        studio: game.studio,
                        calificacion: game.calificacion,
                        anoPublicacion: game.anoPublicacion,
                        descripcion: game.descripcion,
                        tags: game.tags,
                        imgsUrl: game.imgsUrl
                    )
                } else {
                    Text("暂无游戏数据")
                }
            }
            // 可选：设置导航栏标题，避免导航栏为空导致视觉异常
            .navigationTitle("游戏列表")
        }
    }
    
    func watchGame(name: String) {
        juegoEncontrado.search(gameName: name)
        // 替代固定延迟：建议用search方法的异步回调（如果支持）
        // 示例：juegoEncontrado.search(gameName: name) { [weak self] result in
        //         DispatchQueue.main.async {
        //             // 处理结果逻辑
        //         }
        //     }
        DispatchQueue.main.asyncAfter(deadline: .now() + 1) {
            print("Cantidad E: \(juegoEncontrado.gameInfo.count)")
            
            guard let foundGame = juegoEncontrado.gameInfo.first else {
                isGameInfoEmpty = true
                print("未找到游戏数据")
                return
            }
            
            print("juego \(foundGame.title)")
            // 将数据赋值给封装结构体
            currentGame = GameInfo(
                url: foundGame.videosUrls.mobile,
                titulo: foundGame.title,
                studio: foundGame.studio,
                calificacion: foundGame.contentRaiting,
                anoPublicacion: foundGame.publicationYear,
                descripcion: foundGame.description,
                tags: foundGame.tags,
                imgsUrl: foundGame.galleryImages
            )
            // 最后激活跳转状态
            isGameViewActive = true
            print(isGameViewActive)
        }
    }
}

// 封装游戏数据的结构体，统一管理跳转所需参数
struct GameInfo {
    let url: String
    let titulo: String
    let studio: String
    let calificacion: String
    let anoPublicacion: String
    let descripcion: String
    let tags: [String]
    let imgsUrl: [String]
}

// 目标视图保持原定义即可
struct GameView: View {
    let url: String
    let titulo: String
    let studio: String
    let calificacion: String
    let anoPublicacion: String
    let descripcion: String
    let tags: [String]
    let imgsUrl: [String]
    
    var body: some View {
        // 你的GameView内容
        Text(titulo)
    }
}

2. 关键注意点

• 状态变量必须可观察：isGameViewActive必须用@State（视图内部）或@Published（ViewModel中）修饰，否则状态变化无法触发navigationDestination的跳转逻辑。
• 避免固定延迟：代码中的asyncAfter(deadline: .now() + 1)是临时模拟异步，实际开发中要替换为搜索接口的异步回调，确保数据加载完成后再更新状态，避免数据未就绪就跳转。
• 数据封装：用GameInfo结构体统一管理跳转参数，避免多个分散变量导致的状态不一致问题，也更易维护。
• NavigationStack嵌套正确：确保所有需要跳转的交互元素（如按钮）都在NavigationStack内部，不要将NavigationStack嵌套在其他容器的深层位置。

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