SwiftUI中如何修改分享面板并添加自定义按钮

1. 自定义UIActivity类 #

要添加自定义按钮，首先需要基于UIKit的UIActivity创建自定义活动类，定义按钮的显示样式与点击逻辑：

import UIKit

class CustomShareActivity: UIActivity {
    // 自定义活动唯一标识
    override var activityType: UIActivity.ActivityType? {
        return UIActivity.ActivityType("com.yourapp.custom-action")
    }
    
    // 分享面板上显示的按钮文字
    override var activityTitle: String? {
        return "我的自定义操作"
    }
    
    // 分享面板上显示的按钮图标
    override var activityImage: UIImage? {
        return UIImage(systemName: "heart.fill")?.withTintColor(.red, renderingMode: .alwaysOriginal)
    }
    
    // 判断是否支持当前传入的分享内容
    override func canPerform(withActivityItems activityItems: [Any]) -> Bool {
        // 可根据实际需求判断，比如仅支持文本/URL时返回对应条件
        return true
    }
    
    // 准备分享内容，可在此保存需要处理的数据
    override func prepare(withActivityItems activityItems: [Any]) {
        for item in activityItems {
            if let text = item as? String {
                // 保存需要处理的文本内容
            } else if let url = item as? URL {
                // 保存需要处理的链接
            }
        }
    }
    
    // 自定义按钮的点击逻辑
    override func perform() {
        // 这里编写点击后的具体操作，比如跳转页面、执行自定义分享逻辑
        print("自定义按钮被触发")
        
        // 必须调用此方法告知系统活动结束
        activityDidFinish(true)
    }
}

2. 桥接UIActivityViewController到SwiftUI #

SwiftUI没有原生分享面板组件，需要用UIViewControllerRepresentable将UIKit的UIActivityViewController包装成SwiftUI可用的视图：

import SwiftUI

struct CustomShareSheet: UIViewControllerRepresentable {
    let shareItems: [Any]
    let customActivities: [UIActivity]?
    
    func makeUIViewController(context: Context) -> UIActivityViewController {
        let vc = UIActivityViewController(activityItems: shareItems, applicationActivities: customActivities)
        // iPad适配：指定弹出面板的锚点视图
        vc.popoverPresentationController?.sourceView = UIApplication.shared.windows.first?.rootViewController?.view
        return vc
    }
    
    func updateUIViewController(_ uiViewController: UIActivityViewController, context: Context) {}
}

3. 在SwiftUI视图中调用 #

最后在你的SwiftUI界面中触发分享面板，传入自定义活动类即可：

struct ContentView: View {
    @State private var showShareSheet = false
    
    var body: some View {
        Button("打开分享面板") {
            showShareSheet = true
        }
        .sheet(isPresented: $showShareSheet) {
            CustomShareSheet(
                shareItems: ["测试分享文本", URL(string: "https://example.com")!],
                customActivities: [CustomShareActivity()]
            )
        }
    }
}

关键注意事项 #

• 自定义图标建议使用单色图标，若用多色图标需设置renderingMode为.alwaysOriginal，避免系统自动染色。
• iPad上必须设置popoverPresentationController的锚点，否则分享面板无法正常弹出。
• 可通过canPerform(withActivityItems:)控制自定义按钮的显示时机，比如仅当分享内容包含URL时才显示。

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