[SwiftUI]Text(テキスト)を改行するには？

どうも、ちょげ(@chogetarou)です。

Textのテキストを改行する方法を紹介します。

方法

Textを改行にする方法は、２つあります。

\n

１つ目は、エスケープシーケンス「\n」を使う方法です。

具体的には、文字列内の改行を入れたい場所に「\n」を挿入します。

//改行したい場所に「\n」を挿入
Text("・・・ \n ・・・・")

使用例

struct ContentView: View {
    var body: some View {
        VStack {
            Text("Hello\nSwiftUI\nこんにちは\nスウィフトユーアイ")
        }
    }
}

VStack

もう１つは、VStackを使う方法です。

具体的には、VStackのクロージャーに、Textを行ごとに並べます。

VStack {
    Text("行１")
    Text("行２")
    Text("行３")
    ・・・
}

使用例

struct ContentView: View {
    var body: some View {
        VStack {
            Text("Hello")
            Text("SwiftUI")
            Text("こんにちは")
            Text("Swift")
        }
    }
}

まとめ

Textを改行する方法は、２つあります。

• 「\n」を使う方法
• VStackを使う方法