SwiftUI iPad端：点击按钮传递选中数据至详情视图的问题

问题根源 #

崩溃的直接原因是初始状态下selectedClient为nil，但你用!强制解包，这在Swift中会触发运行时错误。你之前尝试的两种可选变量初始化方式，本质都是让selectedClient初始为nil，问题出在后续的强制解包操作上。

解决方案 #

1. 修正可选变量的声明

把selectedClient的声明简化为标准的可选类型写法：

@State private var selectedClient: Client? = nil

（可选类型默认初始值就是nil，所以也可以直接写@State private var selectedClient: Client?）

2. 条件渲染详情视图

避免强制解包，通过if let绑定安全渲染ClientDetail，同时处理初始无选中状态的场景：

ZStack {
    // 仅当选中客户时才渲染详情视图
    if let selectedClient = selectedClient {
        ClientDetail(client: selectedClient)
    } else {
        // 初始无选中时的占位界面，可根据需求自定义
        Text("请选择一个客户")
            .font(.title)
            .foregroundColor(.gray)
    }
    
    // 客户列表部分保持不变
    VStack(alignment: .center, spacing: 50) {
        ScrollView {
            ForEach(model.clients) { client in
                Button {
                    selectedClient = client
                    print(client)
                } label: {
                    HStack(alignment: .center, spacing: 20) {
                        Circle()
                            .fill(Color.accentColor)
                            .frame(width: 14, height: 14)
                            .offset(y: -10)
                        VStack(alignment: .leading, spacing: 5) {
                            Text(client.name)
                                .customFont(.title3)
                                .foregroundColor(.white)
                                .lineLimit(1)
                            Text("Room \(client.room) · \(client.time)")
                                .font(.subheadline)
                                .fontWeight(.medium)
                                .foregroundColor(.white)
                                .opacity(0.6)
                        }
                        Spacer()
                    }
                    .padding(.horizontal, 30)
                    .padding(.vertical, 18)
                    // 可选：给选中的客户项添加视觉反馈
                    .background(selectedClient?.id == client.id ? Color.white.opacity(0.1) : Color.clear)
                }
            }
        }
        Spacer()
    }
    .frame(maxWidth: 294, maxHeight: .infinity)
    .background(CustomColor.lightBlueColor)
    .padding(.leading, 120)
    .frame(maxWidth: .infinity, alignment: .leading)
}

3. 可选优化：添加选中状态视觉反馈

在列表项的背景中加入判断，当当前客户被选中时显示高亮，提升用户体验（代码已在上文标注）。

完整修改后的ActivityView代码 #

import SwiftUI

struct ActivityView: View {
    @EnvironmentObject var model: ClientViewModel
    @State private var selectedClient: Client?
    
    var body: some View {
        ZStack {
            if let selectedClient = selectedClient {
                ClientDetail(client: selectedClient)
            } else {
                Text("请选择一个客户")
                    .font(.title)
                    .foregroundColor(.gray)
            }
            
            VStack(alignment: .center, spacing: 50) {
                ScrollView {
                    ForEach(model.clients) { client in
                        Button {
                            selectedClient = client
                            print(client)
                        } label: {
                            HStack(alignment: .center, spacing: 20) {
                                Circle()
                                    .fill(Color.accentColor)
                                    .frame(width: 14, height: 14)
                                    .offset(y: -10)
                                VStack(alignment: .leading, spacing: 5) {
                                    Text(client.name)
                                        .customFont(.title3)
                                        .foregroundColor(.white)
                                        .lineLimit(1)
                                    Text("Room \(client.room) · \(client.time)")
                                        .font(.subheadline)
                                        .fontWeight(.medium)
                                        .foregroundColor(.white)
                                        .opacity(0.6)
                                }
                                Spacer()
                            }
                            .padding(.horizontal, 30)
                            .padding(.vertical, 18)
                            .background(selectedClient?.id == client.id ? Color.white.opacity(0.1) : Color.clear)
                        }
                    }
                }
                Spacer()
            }
            .frame(maxWidth: 294, maxHeight: .infinity)
            .background(CustomColor.lightBlueColor)
            .padding(.leading, 120)
            .frame(maxWidth: .infinity, alignment: .leading)
        }
    }
}

struct ActivityView_Previews: PreviewProvider {
    static var previews: some View {
        ActivityView()
            .environmentObject(ClientViewModel())
            .previewInterfaceOrientation(.landscapeRight)
    }
}

关键说明 #

• 永远避免在可能为nil的场景下使用!强制解包，这是Swift运行时崩溃的常见原因之一。
• 条件渲染是处理可选状态的安全方式，既能保证初始界面正常显示，又能在选中客户后加载详情。
• 保持代码简洁：可选类型默认初始值为nil，无需额外写= nil。

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