通過上一章的學習,我相信你現在應該明白如何使用堆棧構建復雜的 UI。當然,在你掌握 SwiftUI 之前,你還需要大量的練習。因此,在深入研究 ScrollView 以使視圖可滾動之前,讓我們先以一個挑戰開始本章。你的任務是創建一個類似于圖 1 所示的卡片視圖。
圖 1. 卡片視圖
通過利用堆棧、圖像視圖和文本視圖,您應該能夠構建所需的 UI。雖然我稍后會逐步指導您完成實現,但我鼓勵您花一些時間來完成練習并設計自己的解決方案。
一旦您創建了卡片視圖,我將ScrollView
與您討論并使用卡片視圖構建可滾動的界面。圖 2 向您展示了完整的 UI。
圖 2. 使用 ScrollView 構建可滾動的 UI
創建類似卡片的 UI
如果您尚未打開 Xcode,