如何基于条件展示SwiftUI弹窗（不使用废弃修饰符）

你的代码存在两个核心问题：

1. @Published 属性包装器不能用于计算属性，它仅支持存储属性，因为需要依赖存储的变量值变化来发布通知。
2. .alert 的 isPresented 参数需要一个可写的 Binding<Bool>——弹窗关闭时系统会自动将其设为 false，但你的计算属性是只读的，无法满足这个要求。

以下是两种可行的解决方案，优先推荐第一种（符合MVVM架构，逻辑更可控）：

方案一：ViewModel中用存储属性控制弹窗状态 #

通过监听 queryString 的变化，在ViewModel内部判断条件并触发弹窗，同时提供方法手动重置弹窗状态：

import Combine
import SwiftUI

class ViewModel: ObservableObject {
    @Published var queryString: String = "some text"
    // 用存储属性控制弹窗显示/隐藏
    @Published var showSmallAlert = false
    @Published var showCapAlert = false
    
    private var cancellables = Set<AnyCancellable>()
    
    init() {
        // 监听queryString的变化，触发弹窗逻辑
        $queryString
            .sink { [weak self] newText in
                guard let self = self, !newText.isEmpty else { return }
                // 避免同时触发多个弹窗，先重置状态
                self.showSmallAlert = false
                self.showCapAlert = false
                
                if newText == newText.lowercased() {
                    self.showSmallAlert = true
                } else if newText == newText.uppercased() {
                    self.showCapAlert = true
                }
            }
            .store(in: &cancellables)
    }
    
    // 弹窗关闭时调用，重置对应状态
    func dismissSmallAlert() {
        showSmallAlert = false
    }
    
    func dismissCapAlert() {
        showCapAlert = false
    }
}

struct ContentView: View {
    @ObservedObject var viewModel = ViewModel()
    
    var body: some View {
        VStack(spacing: 20) {
            TextField("输入文本", text: $viewModel.queryString)
                .textFieldStyle(.roundedBorder)
                .padding(.horizontal)
            Text("Hello, world!")
        }
        .padding()
        .alert("全小写提示", isPresented: $viewModel.showSmallAlert) {
            Button("确定", action: viewModel.dismissSmallAlert)
        }
        .alert("全大写提示", isPresented: $viewModel.showCapAlert) {
            Button("确定", action: viewModel.dismissCapAlert)
        }
    }
}

方案优势： #

• 弹窗的显示逻辑完全封装在ViewModel中，符合MVVM的职责分离原则
• 可以精准控制弹窗的显示和隐藏，避免重复触发
• 逻辑清晰，易于扩展（比如后续添加更多弹窗条件）

方案二：View中自定义Binding（仅适用于简单场景） #

如果不想在ViewModel中添加额外逻辑，可以在View中创建自定义Binding，处理只读计算属性的写操作：

import SwiftUI

class ViewModel: ObservableObject {
    @Published var queryString: String = "some text"
}

struct ContentView: View {
    @ObservedObject var viewModel = ViewModel()
    
    // 自定义Binding，处理get和set逻辑
    private var isAllSmallBinding: Binding<Bool> {
        Binding(
            get: {
                let text = viewModel.queryString
                return !text.isEmpty && text == text.lowercased()
            },
            set: { _ in
                // 弹窗关闭时系统会调用set(false)，这里无需额外操作
                // 如果需要在弹窗关闭时做逻辑，可以在这里处理
            }
        )
    }
    
    private var isAllCapBinding: Binding<Bool> {
        Binding(
            get: {
                let text = viewModel.queryString
                return !text.isEmpty && text == text.uppercased()
            },
            set: { _ in }
        )
    }
    
    var body: some View {
        VStack(spacing: 20) {
            TextField("输入文本", text: $viewModel.queryString)
                .textFieldStyle(.roundedBorder)
                .padding(.horizontal)
            Text("Hello, world!")
        }
        .padding()
        .alert("全小写提示", isPresented: isAllSmallBinding) {
            Button("确定") {}
        }
        .alert("全大写提示", isPresented: isAllCapBinding) {
            Button("确定") {}
        }
    }
}

注意事项： #

• 这个方案的局限性在于：如果用户输入的内容始终满足弹窗条件（比如一直输入全小写），弹窗关闭后会立刻重新显示，因为get的值始终为true
• 仅适合简单的一次性弹窗场景，复杂逻辑还是推荐方案一

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