SwiftUI MenuBarExtra中Popover不显示的问题求助

你的问题核心在于MenuBarExtra的菜单内容视图生命周期特殊性，直接用@State管理弹窗状态会失效，原因如下：

• MenuBarExtra的菜单是临时视图，每次打开菜单都会重新创建SpeakButton实例，@State变量会被重置。
• 点击按钮设置isShowingPopover = true后，菜单视图可能因状态触发重渲染，新实例的@State又回到初始值false，导致弹窗无法弹出。

修复步骤 #

1. 用全局状态容器管理弹窗状态，避免随菜单视图销毁而丢失状态：

// 创建全局状态管理类
class AppState: ObservableObject {
    @Published var isShowingPopover = false
}

2. 在App入口注入这个状态，并传递给子视图：

@main
struct ChatMenuBarApp: App {
    @StateObject private var appState = AppState()
    // 补充你原代码中缺失的变量定义
    @State private var currentNumber = 1
    @State private var speechInput = ""

    var body: some Scene {
        MenuBarExtra("\(currentNumber)", systemImage: "\(currentNumber).circle") {
            // 传递状态绑定给SpeakButton
            SpeakButton(isShowingPopover: $appState.isShowingPopover, speechInput: $speechInput)
            Divider()
            Button("Quit") {
                NSApplication.shared.terminate(nil)
            }.keyboardShortcut("q")
        }
    }
}

3. 修改SpeakButton，通过@Binding接收外部状态：

struct SpeakButton: View {
    @Binding var isShowingPopover: Bool
    @Binding var speechInput: String

    var body: some View {
        Button("Audio Response") {
            isShowingPopover = true
        }
        .popover(isPresented: $isShowingPopover) {
            Text("Hello, world!")
                .padding()
        }
        .keyboardShortcut("1")
    }
}

额外说明 #

如果弹窗还是无法正常弹出，可尝试给popover添加attachmentAnchor参数，明确附着位置：

.popover(
    isPresented: $isShowingPopover,
    attachmentAnchor: .point(.topLeading),
    arrowEdge: .top
) {
    Text("Hello, world!")
        .padding()
}

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