成功英语网站网页查询系统

通过上一章的学习，我相信你现在应该明白如何使用堆栈构建复杂的 UI。当然，在你掌握 SwiftUI 之前，你还需要大量的练习。因此，在深入研究 ScrollView 以使视图可滚动之前，让我们先以一个挑战开始本章。你的任务是创建一个类似于图 1 所示的卡片视图。

                                                                图 1. 卡片视图

通过利用堆栈、图像视图和文本视图，您应该能够构建所需的 UI。虽然我稍后会逐步指导您完成实现，但我鼓励您花一些时间来完成练习并设计自己的解决方案。

一旦您创建了卡片视图，我将ScrollView与您讨论并使用卡片视图构建可滚动的界面。图 2 向您展示了完整的 UI。

                                        图 2. 使用 ScrollView 构建可滚动的 UI

创建类似卡片的 UI

如果您尚未打开 Xcode，