SwiftUI Academy · 课时

向详情视图传递数据

Q: 「向详情视图传递数据」这节课中我会学到什么？

将选中的项目发送到下一个屏幕。 你通过在浏览器中直接运行的动手代码来练习 SwiftUI Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。

将选中的项目发送到下一个屏幕。

第 2 / 4 课13 个步骤

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

详情屏幕需要数据

只有知道要显示哪一个项目，详情屏幕才有用。因此，推送详情屏幕时，请将选中的数据直接传递给新视图。📦

通过初始化器传递

发送数据最简洁的方式是使用详情视图的初始化器。将值存储在一个属性中，然后在主体中读取它。

struct DetailView: View {
    let title: String
    var body: some View { Text(title) }
}

在链接中连接起来

在 NavigationLink 的目标中创建详情视图，并将值传入。选中的项目会直接流入下一屏。

NavigationLink("Open") {
    DetailView(title: "Welcome")
}

传递完整模型

您不只可以传递字符串。传递整个结构体，这样详情屏幕一次就能获得所需的全部字段。

struct Book { let title: String; let author: String }
DetailView(book: selectedBook)

使用数据循环

在 ForEach 内，您可以将每个项目传给各自的链接，因此每一行都会推送一个填充了对应元素的详情视图。

ForEach(books) { book in
    NavigationLink(book.title) { DetailView(book: book) }
}

值类型会安全复制

由于结构体是值类型，详情视图会获得自己的副本。读取它不会意外修改您之前所在列表中的数据。

显示真实详情

有了模型后，详情视图可以显示任何内容：标题、作者、描述，甚至是根据这些字段计算出的文本。

var body: some View {
    VStack {
        Text(book.title).font(.title)
        Text(book.author)
    }
}

优先使用较新的模式

对于数据驱动的链接，请附加值，并让 navigationDestination 决定视图。这样可以让行代码更简洁、更易复用。

NavigationLink(book.title, value: book)

匹配类型

一个 navigationDestination 负责处理一种数据类型。SwiftUI 会查看您推送的值的类型，并将其路由到匹配的目标构建器。

.navigationDestination(for: Book.self) { book in
    DetailView(book: book)
}

让详情视图专注于展示

详情视图应该接收数据，而不是获取数据。传入数据可以让屏幕可复用，也便于使用示例值进行预览。

注意数据方向

数据会向前流入详情视图。以后如果要将更改传回父视图，您将使用绑定，这部分内容会在后续课程中介绍。

快速检查

将详情视图需要显示的项目传给它，最简单的方法是什么？

在交互式课程中回答

回顾：传递数据

您通过详情视图的初始化器传入选中的项目，通常是完整的结构体，这样每个屏幕都能显示准确的内容。🎯

免费开始

用 AI 导师学习 Swift — 免费

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

课程: 30
课程: 120

免费开始学习查看完整课程

常见问题解答

「向详情视图传递数据」课时是免费的吗？

是的 — 「向详情视图传递数据」的完整文本可在网页上免费阅读。要进行交互式练习（内置代码编辑器和全天候 AI 导师）并解锁 SwiftUI Academy 课程的其余内容，请升级到 CoddyKit PRO。 SwiftUI Academy 课程共包含 4 节课。

「向详情视图传递数据」这节课中我会学到什么？

将选中的项目发送到下一个屏幕。你通过在浏览器中直接运行的动手代码来练习 SwiftUI Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。

学习 SwiftUI Academy 需要有经验吗？

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

「向详情视图传递数据」课时需要多长时间？

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

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

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

此课程中的所有课时

← 返回 SwiftUI Academy