はじめてのSwiftUI ― Text

導入

SwiftUIの画面は View（ビュー）という部品の組み合わせでできています。いちばん基本の部品が、文字を表示する Text です。

説明

SwiftUIの画面は struct ○○: View として作り、var body: some View { ... } の中に「表示したいもの」を書きます。

struct ContentView: View {
    var body: some View {
        Text("こんにちは、SwiftUI！")
    }
}

• struct ContentView: View … 「ContentViewはViewです（画面として振る舞う）」という宣言。第4章のprotocol準拠そのものです。
• var body: some View … この画面の中身を返す場所。some View は「何らかのView」という意味。
• Text("...") … 文字を表示する部品。

右のプレビューに、書いた文字がiPhoneの画面として表示されます。文字を書き換えると、その場で反映されます。これがSwiftUIの「宣言的UI」の気持ちよさです。

やってみよう

右のエディタの Text("...") の中身を好きな言葉に変えてみましょう。プレビューが即座に更新されます。Text をもう1つ足すと、どう表示されるかも試してみてください。

演習

Text の中身を「マイアプリへようこそ」に変えて、プレビューに表示させましょう。