SwiftUI中如何为带自定义标签的Button绑定Alert弹窗

数据老陈

2026-9-24

正确实现步骤

第一步：在当前视图中声明控制Alert显隐的状态变量，必须使用@State属性包装器保证状态变化能触发视图刷新：

@State private var showAlert = false

第二步：补全Button的点击响应逻辑，原代码中Button的action闭包为空，点击不会触发任何事件：

Button {
    // 点击后切换显隐状态
    showAlert.toggle()
} label: {
    Image(systemName: "info.circle")
}

第三步：将alert修饰符挂载到Button或其父视图上，不要将修饰符放在视图层级的内部子节点上，避免修饰符失效。

完整可运行代码示例

import SwiftUI

struct DemoView: View {
    @State private var showAlert = false
    
    var body: some View {
        Button {
            showAlert.toggle()
        } label: {
            Image(systemName: "info.circle")
        }
        .alert(isPresented: $showAlert) {
            Alert(
                title: Text("Impressum"),
                message: Text("?"),
                dismissButton: .default(Text("Okay"))
            )
        }
    }
}