使用SwiftUI弹出警告窗口

[本文翻译自hackingwithswift，点击链接阅读原文]

为了完成这个屏幕，还有一件事需要添加，那就是让“确认订单”按钮发挥作用。我们实际上不会将订单发送到某个地方，但我们会显示一个警报，确认一切都成功通过。

与此表单中的其他内容一样，这需要我们添加另一个@State属性，这次跟踪警报是否可见。这就是我希望SwiftUI的反应性质开始变得清晰的地方：我们不像在UIKit中那样说“显示警报”或“隐藏警报”，而是说“这是应该显示警报的条件”，并让SwiftUI弄清楚何时满足这些条件。

因此，首先让我们创建另一个@State属性，说明付款警报目前没有显示：

@State private var showingPaymentAlert = false

现在，我们将在我们的表单上附加一个alert()修饰符，用一个简单的标题，对该属性进行双向绑定，以及一些文本作为警报消息显示：

.alert("Order confirmed", isPresented: $showingPaymentAlert) {
    // add buttons here
} message: {
    Text("Your total was \(totalPrice) – thank you!")
}

这使用双向绑定，以便SwiftUI知道在showingPaymentAlert为真时显示警报，当警报被关闭时，还将将showingPaymentAlert设置为false。

我放置了// add buttons here如果您想要，可以为您的警报添加一些自定义按钮，但由于我们没有添加任何SwiftUI，它将自动添加一个默认的“确定”按钮，以关闭警报。

现在，我们只需将showingPaymentAlert设置为true，即可随时显示警报。所以，把我们的按钮改成这个：

Button("Confirm order") {
    showingPaymentAlert.toggle()
}

运行程序，看看你的想法——现在它真的要走到一起了！