SwiftData中如何将@Query数组首元素属性绑定到fullScreenCover？

问题场景 #

我有一个SwiftData模型Player，数据库中该模型的实例数量固定为0或1。用户在主菜单点击“开始新游戏”后，会进入选项选择界面，完成选择后会删除现有Player对象并插入新实例，随后关闭选项界面。此时希望自动显示游戏视图，但尝试将.fullScreenCover()绑定到SwiftData @Query数组首个元素的Player.isShown属性时遇到报错：Cannot convert value of type 'Bool?' to expected argument type 'Binding<Bool>'。

错误代码示例：

struct RootContentView: View {
    @Query var activeplayers: [Player] // 始终只有0或1个实例

    var body: some View {
        ZStack {
            // 主菜单内容
        }
        .fullScreenCover(isPresented: activeplayers.first?.isshown content: {
                GameView()
        })
        
    }
}

另外尝试通过过滤isShown == true的玩家，绑定activeplayers.isEmpty也失败：

@Query (filter: #Predicate<Player> {
        $0.isshown == true
    }) var activeplayers: [Player]

// ...

// 不带$报错：Cannot convert value of type 'Bool' to expected argument type 'Binding<Bool>'
.fullScreenCover(isPresented: activeplayers.isEmpty content: {
        GameView()
})

// 带$报错：Cannot find '$activeplayers' in scope
.fullScreenCover(isPresented: $activeplayers.isEmpty content: {
        GameView()
})

解决方案 #

方法1：自定义Binding适配可选值 #

activeplayers.first?.isShown是可选Bool值，而.fullScreenCover需要Binding<Bool>，可以手动创建Binding处理可选情况：

struct RootContentView: View {
    @Query var activeplayers: [Player]
    @Environment(\.modelContext) private var modelContext

    var body: some View {
        ZStack {
            // 主菜单内容
        }
        .fullScreenCover(isPresented: Binding(
            get: { activeplayers.first?.isShown ?? false },
            set: { newValue in
                if let player = activeplayers.first {
                    player.isShown = newValue
                    try? modelContext.save()
                }
            }
        )) {
            GameView()
        }
    }
}

• get闭包：存在Player实例时返回其isShown值，否则返回false
• set闭包：fullScreenCover关闭时，更新对应Player的isShown并保存到数据库

方法2：基于Player存在性简化逻辑 #

既然Player实例数量只有0或1，且创建新实例后要显示游戏视图，可以直接通过数据库中是否存在Player实例控制显示：

struct RootContentView: View {
    @Query var activeplayers: [Player]
    @Environment(\.modelContext) private var modelContext

    private var shouldShowGame: Binding<Bool> {
        Binding(
            get: { !activeplayers.isEmpty },
            set: { newValue in
                if !newValue {
                    // 关闭游戏视图时删除Player实例，回到主菜单
                    activeplayers.forEach { modelContext.delete($0) }
                    try? modelContext.save()
                }
            }
        )
    }

    var body: some View {
        ZStack {
            // 主菜单内容
        }
        .fullScreenCover(isPresented: shouldShowGame) {
            GameView()
        }
    }
}

这种方式无需依赖Player.isShown属性，直接贴合业务场景：创建新Player后自动显示游戏视图，关闭时删除Player回到主菜单。

方法3：用@State做状态中转 #

如果对自定义Binding理解尚浅，可以用@State变量作为中间层，监听@Query的变化同步状态：

struct RootContentView: View {
    @Query var activeplayers: [Player]
    @State private var showGame = false

    var body: some View {
        ZStack {
            // 主菜单内容
        }
        .onChange(of: activeplayers) { newPlayers in
            showGame = newPlayers.first?.isShown ?? false
        }
        .fullScreenCover(isPresented: $showGame) {
            GameView()
        }
    }
}

• 当activeplayers数组变化（比如创建新Player）时，自动更新showGame状态
• 逻辑直观，适合新手快速理解状态同步逻辑

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