iOS

我們把新增商品的頁面分為兩個章節。第一章我們會介紹 VStack、Button 和 TextField 等 UI 元件，另外還會介紹 @State。在上一章已經學了一些 UI 元件，所以這章的 UI 元件部分會容易多。SwiftUI 的 @State 是全新概念，務必要多花一點時間了解。

本章我們會為 Coffee Shop App 加上商品列表。在這頁面中，你會學習到如何使用 SwiftUI 中的 List、HStack、Text 和 Spacer 等 UI 元件。此外，還會介紹 ForEach 和 Identity Key Path (\.field)。

本系列文章中，我們將從零開始，一步一步地教你用 SwiftUI 打造一個咖啡廳 iOS APP。拜 iPhone 裝置越來越強大，APP 可以做的事情越來越廣，近年來 APP 開發受到更多人重視。SwiftUI 是 Apple 最新推出 UI 套件 (Framework)。在未來數年內，應該會取代目前的 UIKit 套件。