通过上一章的学习,我相信你现在应该明白如何使用堆栈构建复杂的 UI。当然,在你掌握 SwiftUI 之前,你还需要大量的练习。因此,在深入研究 ScrollView 以使视图可滚动之前,让我们先以一个挑战开始本章。你的任务是创建一个类似于图 1 所示的卡片视图。
图 1. 卡片视图
通过利用堆栈、图像视图和文本视图,您应该能够构建所需的 UI。虽然我稍后会逐步指导您完成实现,但我鼓励您花一些时间来完成练习并设计自己的解决方案。
一旦您创建了卡片视图,我将ScrollView
与您讨论并使用卡片视图构建可滚动的界面。图 2 向您展示了完整的 UI。
图 2. 使用 ScrollView 构建可滚动的 UI
创建类似卡片的 UI
如果您尚未打开 Xcode,