【Swift】デフォルトのプロジェクトにあるソースコードについて調べてみる

swift

まずはプロジェクト作成

デフォルトのファイルは以下の通り
プロジェクトを開くと、ContentView.swiftファイルが開かれています

このまま実行してみると

地球のマークと「Hello, world!」の文字が出現しましたね

ソースコードと照らし合わせてみると、

VStack {
            Image(systemName: "globe")
                .imageScale(.large)
                .foregroundColor(.accentColor)
            Text("Hello, world!")
        }

VStack配下にImageとTextがありますね。
Vstackとは、垂直に要素を積み重ねて表示するために使用されます
上から順に、地球の画像とHello, world!のテキストを表示するという意味になります

試しにテキストを一つ追加してみましょう

VStack {
            Image(systemName: "globe")
                .imageScale(.large)
                .foregroundColor(.accentColor)
            Text("Hello, world!")
            Text("Hello, Japan!")
        }

テキストが追加されましたね

タイトルとURLをコピーしました