SwiftUI Academy · 课时

确认对话框

使用 confirmationDialog 提供破坏性操作的确认选项。

第 4 / 4 课13 个步骤

确认对话框 是 CoddyKit 上的免费 SwiftUI Academy 课时。 这是第 4 节课,共 4 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 SwiftUI Academy 学习路径的一部分,你的进度在网页和 CoddyKit 应用中同步。 SwiftUI Academy 课程共包含 4 节课。

本课时的部分内容尚未翻译,以英文显示。

What Is a Confirmation Dialog?

A confirmation dialog is an action sheet that slides up with a list of choices, perfect for offering several options at once. 🗂️

Dialog vs Alert

An alert centers on screen for one key decision. A dialog rises from the bottom and suits a menu of related actions instead.

Triggered by a Boolean

Like sheets and alerts, a dialog opens when a boolean state turns true. Store the flag and flip it from a button tap.

@State private var showDialog = false

The confirmationDialog Modifier

Attach confirmationDialog to a view with a title and a boolean binding. SwiftUI presents the choices when the flag is true.

.confirmationDialog("Choose", isPresented: $showDialog) {
    Button("Photo Library") { }
}

Listing Choices as Buttons

Each option is a button inside the dialog. SwiftUI stacks them and runs the action of whichever one the user taps.

Button("Camera") { }
Button("Photo Library") { }

A Destructive Option

Use the .destructive role for risky choices like delete. The button turns red so users notice before committing.

Button("Delete Account", role: .destructive) { }

The Cancel Button

SwiftUI adds a Cancel button automatically. You can also supply your own with role .cancel to control its wording.

Button("Not now", role: .cancel) { }

Adding a Title Message

Pass a message closure to explain the choice. It shows as a short caption above the buttons to guide the decision.

.confirmationDialog("Remove item?", isPresented: $show) {
    Button("Remove", role: .destructive) { }
} message: {
    Text("You can add it again later.")
}

Reacting to a Choice

Each button's action runs on tap, then the dialog closes. Put the matching logic, like pick or delete, inside that closure.

Button("Save") { saveDocument() }

Dialogs Adapt by Device

On iPhone a dialog rises as an action sheet. On iPad and Mac it appears as a popover near the control that opened it.

When to Use a Dialog

Reach for a dialog when a single tap could mean several things, like sharing or choosing an image source. It keeps options tidy.

Quick Check

When is a confirmation dialog the better choice over an alert?

Recap: Dialogs

You can now present a confirmation dialog from a boolean, list action buttons, and mark destructive choices in red. You finished the course! 🎉

免费开始

用 AI 导师学习 Swift — 免费

在浏览器中编写并运行真实代码,获得全天候 AI 导师的即时帮助,并在网页或应用中继续学习。

课程
30
课程
120

常见问题解答

「确认对话框」课时是免费的吗?

是的 — 「确认对话框」的完整文本可在网页上免费阅读。要进行交互式练习(内置代码编辑器和全天候 AI 导师)并解锁 SwiftUI Academy 课程的其余内容,请升级到 CoddyKit PRO。 SwiftUI Academy 课程共包含 4 节课。

「确认对话框」这节课中我会学到什么?

使用 confirmationDialog 提供破坏性操作的确认选项。 你通过在浏览器中直接运行的动手代码来练习 SwiftUI Academy,全天候 AI 导师会在你学习这节课的过程中回答你的问题。

学习 SwiftUI Academy 需要有经验吗?

无需任何先前经验。CoddyKit 上的 SwiftUI Academy 课程适合初学者到高级学习者,你可以从这里开始或从头开始,按照自己的节奏学习。 这是第 4 节课,共 4 节。

「确认对话框」课时需要多长时间?

大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动,所以你能稳步进步,并在网页和应用中从离开的地方继续。

我能在这节 SwiftUI Academy 课中编写并运行代码吗?

能。每节 SwiftUI Academy 课都包含内置代码编辑器,你可以在浏览器中直接编写并运行真实代码,并获得即时 AI 反馈 — 无需本地设置。

此课程中的所有课时

  1. 展示工作表
  2. 停靠点与拖动指示器
  3. 带操作的警告框
  4. 确认对话框
← 返回 SwiftUI Academy