macOS菜单栏SwiftUI应用Alert显示异常问题求助

问题场景 #

开发macOS菜单栏应用时，窗口内的“Do something”按钮用于模拟网络请求错误，触发Alert提示。但点击Alert的“OK”按钮时，整个应用窗口会消失；再次打开应用时Alert仍会出现，需多次点击“OK”并重新打开应用才能彻底关闭Alert。

问题原因 #

1. ViewModel生命周期不稳定：使用@State修饰ViewModel（引用类型），菜单栏窗口关闭时@State实例会被销毁或状态异常，导致错误状态残留。
2. Alert绑定逻辑冲突：手动创建的isPresented绑定与OK按钮的重复赋值操作，加上窗口生命周期的特殊性，造成状态不同步。
3. 窗口显示状态干扰：旧的绑定逻辑可能在Alert关闭时意外触发菜单栏窗口的隐藏行为。

修复方案 #

核心修改点 #

• 用@StateObject替代@State持有ViewModel，保证其生命周期与视图一致。
• 使用SwiftUI官方推荐的.alert(item:)绑定方式，简化状态管理，避免手动逻辑冲突。

修复后的代码 #

ViewModel.swift（无需修改）

import Foundation

@Observable
class ViewModel {
    var errorMessage: String?
    
    func doSomething() {
        self.errorMessage = "The image could not be downloaded"
    }
}

ContentView.swift

import SwiftUI

struct ContentView: View {
    // 用@StateObject保证ViewModel实例稳定
    @StateObject var viewModel = ViewModel()
    
    var body: some View {
        VStack {
            Button("Do something") {
                viewModel.doSomething()
            }
        }
        // 使用item绑定自动处理Alert的显示与隐藏
        .alert(item: $viewModel.errorMessage) { errorText in
            Alert(
                title: Text("Error"),
                message: Text(errorText),
                dismissButton: .default(Text("OK")) {
                    viewModel.errorMessage = nil
                }
            )
        }
    }
}

// 让String遵循Identifiable协议，满足item绑定要求
extension String: Identifiable {
    public var id: String { self }
}

应用入口代码（无需修改）

@main
struct Macos_SwiftUI_Alert_issueApp: App {
    var body: some Scene {
        MenuBarExtra("", systemImage: "square.fill") {
            ContentView()
                .frame(width: 500, height: 500)
        }
        .menuBarExtraStyle(.window)
    }
}

修复说明 #

• @StateObject的作用：对于引用类型的ViewModel，@StateObject会在视图初始化时创建实例，并在视图整个生命周期内保持该实例，避免窗口关闭后状态丢失或异常。
• .alert(item:)绑定优势：直接将Alert的显示状态与errorMessage的非空状态绑定，Alert关闭时自动同步状态，无需手动维护isPresented的绑定逻辑，彻底避免状态不同步问题。
• 窗口消失问题解决：新的绑定逻辑不会干扰菜单栏窗口的显示状态，点击Alert的“OK”按钮只会关闭Alert，不会触发窗口隐藏。

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