[SwiftUI]TextFieldの文字(text)の寄せる方向(alignment)を変えるには？

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

TextFieldの入力された文字を寄せる方向を変更する方法を紹介します。

方法
使用例

方法

TextFieldの文字の寄せる方向を変更するには、multilineTextAlignmentモディファイアを使います。

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

そして、multilineTextAlignemntの引数に寄せる方向を指定します。

寄せる方向は、SwiftUI.TextAlignmentの値で指定します。

TextField("", text: $editingText)
    .multilineTextAlignment(/*寄せる方向*/)

multilineTextAlignmentモディファイアを使えば、TextFieldの文字の寄せる方向を変えることができます。

multilineTextAlignment修飾子の引数には、指定できるのは次の３つです。

.center : 真ん中寄せ
.leading : 左寄せ
.trailing : 右寄せ

使用例

以下は、使用例です。

struct ContentView: View {
    
    @State var editingText = ""
    @State var editingText2 = ""
    @State var editingText3 = ""
    
    var body: some View {
        VStack {
            TextField("Your Text Here", text: $editingText)
                .multilineTextAlignment(.leading) //左寄せ
                .textFieldStyle(RoundedBorderTextFieldStyle())
                .padding()
            
            TextField("Your Text Here", text: $editingText2)
                .multilineTextAlignment(.center) //中央寄せ
                .textFieldStyle(RoundedBorderTextFieldStyle())
                .padding()
            
            TextField("Your Text Here", text: $editingText3)
                .multilineTextAlignment(.trailing) //右寄せ
                .textFieldStyle(RoundedBorderTextFieldStyle())
                .padding()
        }
    }
    
}