実行ファイルのContentViewを少し詳しくみていきます。構造は

struct ContentView: View {

    var body: some View {

    }

}

MyApp.swiftで書かれていた

と比べてみると

構造体"MyApp"

@mainはエントリーポイントということで書かれていて、プロトコルApp、Sceneとに準拠ということになっています。

構造体"ContentView"

プロトコルViewに準拠ということになっています。

ContentViewの中身ですが表示部分のコードが書かれています。

VStack {
          Image(systemName: "globe")
             .imageScale(.large)
             .foregroundColor(.accentColor)

          Text("Hello, world!")
        }
        .padding()

細かくみていきます。大きな構造としてはVStackに囲まれて、Image()とText()が中に入っています。

VStack

VStackで囲うことで縦に並ぶレイアウトにします。この場合は

Image()

画像の表示

Text()

テキストの表示

縦に並んで表示されるということになります。

そしてImage()であれば

"globe"は絵文字で画像を用意することなく簡単に表示できます。そして

についてはカスタマイズする命令となっています。

"Text()"には何もついていません。

VStackのカッコの外に

がついています。この命令で余白を入れています。

struct ContentView: View {

    var body: some View {

        VStack {

            Image(systemName: "globe")

                .imageScale(.large)

                .foregroundColor(.accentColor)

            Text("Hello, world!")

        }

        .padding()

    }

}