如何基于SwiftUI实现类似fileImporter的模态专属视图API？

要实现符合需求的View扩展API，核心是利用SwiftUI原生的sheet修饰符将自定义模态视图封装起来，让用户无需直接嵌入视图，仅通过绑定控制显示/隐藏，并通过回调获取结果。以下是具体实现步骤：

1. 定义自定义模态视图 #

首先创建实际展示的选择器视图，内部处理关闭逻辑和回调触发：

import SwiftUI

struct MySomethingSelectorView: View {
    @Binding var isPresented: Bool
    // 可根据需求修改回调类型，比如返回选中数据：(String?) -> Void
    let completion: () -> Void
    
    var body: some View {
        NavigationStack {
            VStack(spacing: 24) {
                Text("自定义选择器内容")
                    .font(.title)
                
                // 这里可以添加你的选择器交互组件，比如列表、按钮组等
                Button("确认选择") {
                    isPresented = false
                    completion()
                }
                .buttonStyle(.borderedProminent)
                .controlSize(.large)
            }
            .padding()
            .navigationTitle("选择项目")
            .navigationBarTitleDisplayMode(.inline)
            .toolbar {
                ToolbarItem(placement: .cancellationAction) {
                    Button("取消") {
                        isPresented = false
                    }
                }
            }
            // 可选：调整模态样式，贴近系统API的视觉效果
            .presentationDetents([.medium, .large])
            .presentationDragIndicator(.visible)
        }
    }
}

2. 实现View扩展方法 #

通过扩展View，将模态视图的展示逻辑封装成类似fileImporter的API：

extension View {
    func mySomethingSelector(isPresented: Binding<Bool>, completion: @escaping () -> Void) -> some View {
        // 给原视图附加sheet修饰符，内部加载自定义选择器
        self.sheet(isPresented: isPresented) {
            MySomethingSelectorView(isPresented: isPresented, completion: completion)
        }
    }
}

3. 使用示例 #

调用方式和fileImporter完全一致，用户无需直接处理模态视图的嵌入：

struct ContentView: View {
    @State private var showSelector = false
    
    var body: some View {
        Button("打开选择器") {
            showSelector = true
        }
        .mySomethingSelector(isPresented: $showSelector) {
            // 处理选择完成的逻辑
            print("选择完成，触发回调")
        }
    }
}

关键说明 #

• 封装性：用户无法将MySomethingSelectorView作为子视图直接嵌入，只能通过mySomethingSelector扩展方法以模态形式展示，符合你的需求。
• 扩展性：如果需要传递选中的数据，只需修改回调闭包的类型，例如将completion改为@escaping (String?) -> Void，在自定义视图的确认按钮中传递数据：completion("选中的内容")。
• 样式定制：通过presentationDetents、presentationBackground等修饰符，可以调整模态视图的尺寸、背景等样式，贴近系统原生API的体验。

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