將多行程式快速 embed 的方法 — Xcode 14 新功能

從 Xcode 14 開始，我們可以快速地將多行程式 embed，比方將兩個 Text embed 在 VStack。

接下來我們將以徐懷鈺的溫習為例，示範如何將多行程式快速 embed 在 VStack。

struct MovieRow: View {
    var body: some View {
        Text("溫習")
            .font(.largeTitle)
        Text("呼吸著你的呼吸\n發現我心跳跟著你的心")
            .foregroundColor(.gray)        
    }
}

方法 1: 選取多行程式，然後輸入 {

• 選取多行程式

• 輸入 {

• 輸入 VStack

struct MovieRow: View {
    var body: some View {
        VStack {
            Text("溫習")
                .font(.largeTitle)
            Text("呼吸著你的呼吸\n發現我心跳跟著你的心")
                .foregroundColor(.gray)
        }
    }
}

方法 2: 在多行程式的上方 & 下方分別輸入 { & }

• 在多行程式的上方輸入 VStack {

• 在多行程式的下方輸入 }

輸入 } 後，程式自動縮排地美美的。

struct MovieRow: View {
    var body: some View {
        VStack {
            Text("溫習")
                .font(.largeTitle)
            Text("呼吸著你的呼吸\n發現我心跳跟著你的心")
                .foregroundColor(.gray)
        }
    }
}