[SwiftUI]TextField(テキストフィールド)の入力文字(input character)を右寄せ(right alignment)にするには？

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

TextFieldで入力した文字を右に寄せて表示する方法を紹介します。

方法
使用例

方法

TextFieldの入力文字を右寄せにするには、multilineTextAlignmentモディファイアを使います。

まず、TextFieldにmultilineTextAlignmentモディファイアを付与します。

そして、multilineTextAlignmentの引数に「TextAlignment.trailing」を指定します。

TextField(・・・)
    .multilineTextAlignment(TextAlignment.trailing)

multilineTextAlignmentモディファイアを使えば、TextFieldのテキストを右に寄せて表示することができます。

使用例

以下は、使用例です。

import SwiftUI

struct ContentView: View {
    @State var editingText = ""
    var body: some View {
        VStack{
            TextField("your text", text: $editingText)
                .multilineTextAlignment(TextAlignment.trailing)
                .textFieldStyle(RoundedBorderTextFieldStyle())
                .padding()
        }
    }
}