SwiftUI中创建可配置确认弹窗的视图修改函数问题

你遇到的错误核心原因是：SwiftUI的View是值类型，调用方法返回的是不可变的实例副本，而你给配置方法加了mutating关键字——这个关键字是用来修改当前值类型实例的，但链式调用里的实例副本不可被修改，所以触发了报错。

要实现类似.navigationTitle()的链式配置效果，只需要去掉mutating关键字，改为返回一个修改后的新实例即可，具体修改如下：

修改后的完整代码 #

import SwiftUI

struct ConfirmationDialog: View {
    @Binding private var isPresented: Bool

    private var verb: String? = nil
    private var title: String? = nil
    private var text: String? = nil

    var confirm: () -> Void

    init(isPresented: Binding<Bool>, action confirm: @escaping () -> Void) {
        self._isPresented = isPresented
        self.confirm = confirm
    }

    // 移除mutating，返回新实例
    public func dialogVerb(_ verb: String) -> ConfirmationDialog {
        var copy = self
        copy.verb = verb
        return copy
    }

    public func dialogTitle(_ title: String) -> ConfirmationDialog {
        var copy = self
        copy.title = title
        return copy
    }

    public func dialogText(_ text: String) -> ConfirmationDialog {
        var copy = self
        copy.text = text
        return copy
    }

    @Environment(\.backgroundColor) private var appBackgroundColor: Color
    @Environment(\.foregroundColor) private var appForegroundColor: Color

    var body: some View {
        OverlayView(toggle: $isPresented, backgroundColor: appBackgroundColor, cornerRadius: 0) {
            VStack(alignment: .leading) {
                if let verb = verb {
                    Text(verb)
                        .padding(top: 2, leading: 24, bottom: 2, trailing: 24)
                        .font(.callout)
                        .background(.blue)
                        .foregroundColor(.white)
                        .clipShape(RoundedRectangle(cornerRadius: 4))
                }

                if let title = title {
                    Text(title)
                        .font(.title2)
                }

                if let text = text {
                    Text(text)
                        .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .leading)
                        .font(.body)
                        .fixedSize(horizontal: false, vertical: true)
                        .multilineTextAlignment(.leading)
                        .lineLimit(2)
                        .padding(bottom: 32)
                }

                ConfirmDismissView(
                    confirmTitle: "Yes",
                    dismissTitle: "No",
                    confirmAction: {
                        confirm()
                        isPresented.toggle()
                    },
                    dismissAction: { isPresented.toggle() }
                )
            }
            .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .leading)
            .padding(32)
        }
    }
}

struct ConfirmationDialog_Previews: PreviewProvider {
    static var previews: some View {
        ConfirmationDialog(isPresented: .constant(true)) {}
            .dialogVerb("Action")
            .dialogTitle("Delete Task")
            .dialogText("Are you sure you want to permanently delete this task?")
    }
}

关键修改说明 #

• 去掉所有配置方法的mutating关键字
• 在每个配置方法里，先创建当前实例的副本var copy = self，修改副本的对应属性后返回这个副本
• 这种方式和SwiftUI内置的链式修饰器（比如.navigationTitle()）逻辑完全一致：每次调用修饰器都会生成一个新的View实例，而不是修改原有实例，完美适配SwiftUI的视图更新机制

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