SwiftUI中fileExporter点击后不弹出的问题求助

问题根源分析 #

1. ViewModel属性未触发视图更新
   ExportButtonViewModel里的exportingDocument和exportDataType是普通变量，没有用@Published修饰。当你点击CSV按钮创建好文档后，视图无法感知到这些属性的变化，导致fileExporter拿到的还是初始的nil值，自然不会弹出导出界面。

2. fileExporter的挂载位置错误
   你把.fileExporter修饰符直接加在了CSV按钮上，而不是放在视图的根层级结构中。这种情况下，showingExporter状态的变化无法正确传递给fileExporter，导致它无法响应弹出指令。

解决步骤及修改后的代码 #

1. 修改ViewModel，添加@Published属性

class ExportButtonViewModel: ObservableObject {
    @Published var exportDataType: TextFileDataExporterManager.ExportDataType = .csv
    @Published var exportingDocument: TextFileDocument?
    
    func initExportingTypeAndDocument(exportDataType: TextFileDataExporterManager.ExportDataType){
        self.exportDataType = exportDataType
        self.exportingDocument = TextFileDocument(initialText: TextFileDataExporterManager(data: ["Test1", "Test2"], dataFormatType: exportDataType).getFormattedText())
    }
}

2. 调整View结构，移动fileExporter到根层级

struct ExportButtonView: View {
    @ObservedObject private var vm: ExportButtonViewModel = ExportButtonViewModel()
    
    @State private var showingExporter: Bool = false
    @State private var showingChooseExportDataType: Bool = false
    
    var body: some View {
        Image(systemName: "square.and.arrow.up")
            .onTapGesture {
                showingChooseExportDataType.toggle()
            }
            .confirmationDialog("Choose data format to export", isPresented: $showingChooseExportDataType, titleVisibility: .visible) {
                Button("CSV") {
                    vm.initExportingTypeAndDocument(exportDataType: .csv)
                    showingExporter.toggle()
                }
                // 其他格式按钮放在这里
            }
            // 把fileExporter移到根视图的修饰符位置
            .fileExporter(
                isPresented: $showingExporter,
                document: vm.exportingDocument,
                contentType: .plainText,
                defaultFilename: "data.\(vm.exportDataType.rawValue)"
            ) { result in
                switch result {
                case .success(let url):
                    print("Saved to \(url)")
                case .failure(let error):
                    print(error.localizedDescription)
                }
            }
    }
}

额外优化点

默认文件名里建议用vm.exportDataType.rawValue代替直接使用枚举值，这样能正确生成data.csv这类符合预期的文件名。

验证逻辑 #

修改后，点击导出按钮弹出选择对话框，选择CSV后：

1. ViewModel初始化好exportingDocument和exportDataType，因为是@Published属性，视图会立刻感知到变化
2. showingExporter变为true，此时fileExporter已经能拿到有效的exportingDocument，就会正常弹出导出界面

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