【SwiftUI】Textの基本的な使い方

この記事は約2分で読めます。

Textは名前のとおりテキストを表示するために使用します。

下記のように文字列を””で囲んで記載します。

import SwiftUI

struct ContentSubView: View {
    var body: some View {
        Text("SubView")
    }
}

複数の文字列をつなげる

以下のように複数のテキストを繋げて表示することも可能です。

import SwiftUI

struct ContentSubView: View {
    var body: some View {
        Text("SubView" + "+A")
    }
}

変数に格納した文字列を表示

また、変数に格納した文字列を使用することもできます。

import SwiftUI

struct ContentSubView: View {
    var textSample: String = "+A"
    var body: some View {
        Text("SubView" + textSample)
    }
}

複数行のテキスト

multilineTextAlignmentは、Textビュー内の複数行テキストの配置を指定するためのプロパティです。このプロパティを使用すると、複数行のテキストの行揃え(テキストの横方向の位置)を指定することができます。

import SwiftUI

struct TextSmpView: View {
    var body: some View {
        Text("This is a very long text that spans across multiple lines in SwiftUI. It demonstrates the multi-line capability of the Text view.")
            .multilineTextAlignment(.center)
    }
}

.multilineTextAlignment(.center)を指定すると、テキストが複数行になっている場合でも、テキスト全体が中央揃えになります。他にも、.leading(左揃え).trailing(右揃え)などのオプションもあります。

このプロパティは、テキストの表示を柔軟に制御する際に便利です。例えば、段落のような長い文章を表示する際に、テキストを読みやすく整えたい場合などに活用されます。

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