iOS16+下如何在SwiftUI中使用SWCollaborationView？

SWCollaborationView是iOS16+推出的标准UI组件，用于管理用户间的实时协作，功能与UICloudSharingController类似，可查看共享参与者、管理共享关系。但iOS16+版本中UICloudSharingController存在兼容性问题，因此需要改用SWCollaborationView，但在SwiftUI中直接使用会遇到交互异常、显示错误等问题，以下是针对这些问题的解决方案。

遇到的问题 #

1. 无法沿用WWDC22演示的嵌入方式：演示中SWCollaborationView被嵌入UIBarButtonItem(customView:)，但SwiftUI生命周期下无法通过UIViewRepresentable引入该组件（UIBarButtonItem不遵循UIView协议）。
2. 直接包装后的异常表现：
   • 将包装后的CollaborationView直接放入ToolbarItem，图标显示但点击无响应；
   • 套在SwiftUI Button中配合popover使用时，Toolbar中的图标不显示参与者数量，第一次点击弹出的popover会重复显示图标，需二次点击才能打开SWCollaborationView自带的协作管理弹窗。

解决方案 #

核心思路是让SWCollaborationView自行处理交互与弹窗逻辑，避免SwiftUI组件的事件拦截，同时确保视图尺寸与数据同步正确。

1. 改进UIViewRepresentable包装 #

import SwiftUI
import CloudKit
import SharedWithYou

struct CollaborationView: UIViewRepresentable {
    let existingShare: CKShare
    let container: CKContainer
    
    func makeUIView(context: Context) -> SWCollaborationView {
        let itemProvider = NSItemProvider()
        itemProvider.registerCKShare(existingShare, container: container, allowedSharingOptions: .standard)
        
        let collaborationView = SWCollaborationView(itemProvider: itemProvider)
        collaborationView.activeParticipantCount = existingShare.participants.count
        collaborationView.isUserInteractionEnabled = true // 确保允许交互
        return collaborationView
    }
    
    func updateUIView(_ uiView: SWCollaborationView, context: Context) {
        // 实时同步参与者数量变化
        uiView.activeParticipantCount = existingShare.participants.count
    }
}

2. 在SwiftUI视图中正确引入 #

struct DetailView: View {
    var photo: Photo
    @Binding var activeCover: ActiveCover?
    
    var body: some View {
        NavigationStack { // 优先使用iOS16+推荐的NavigationStack
            VStack {
                Text("详情页内容")
            }
            .toolbar {
                if let existingShare = PersistenceController.shared.existingShare(photo: photo) {
                    ToolbarItem(placement: .automatic) {
                        CollaborationView(
                            existingShare: existingShare,
                            container: PersistenceController.shared.cloudKitContainer
                        )
                        .frame(width: 44, height: 44) // 适配Toolbar按钮标准尺寸，确保点击区域足够
                    }
                }
                ToolbarItem(placement: .automatic) {
                    Button("关闭") {
                        activeCover = nil
                    }
                }
            }
        }
    }
}

关键说明 #

• 设置标准尺寸：给CollaborationView设置44x44的frame，匹配Toolbar按钮的默认点击区域，避免因视图尺寸过小导致点击无响应；
• 启用交互：显式开启isUserInteractionEnabled，确保SWCollaborationView能接收点击事件；
• 数据同步：在updateUIView中实时更新参与者数量，保证视图显示最新数据；
• 避免嵌套弹窗：移除SwiftUI的Button和popover，让SWCollaborationView自行处理弹窗逻辑，解决二次点击的问题。

注意事项 #

• 确保CKShare已正确同步到CloudKit，参与者数据为最新状态；
• 建议使用真实设备测试，模拟器对共享功能存在部分限制；
• 已在App的Entitlements中配置CloudKit权限及Shared with You相关权限。

内容的提问来源于stack exchange，提问作者blu-Fox