[SwiftUI]TextFieldの入力文字の位置を設定するには?

SwiftUI

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

TextFieldの入力された文字の位置を設定する方法を紹介します。

スポンサーリンク

方法

インターフェース, インターネット, プログラム, ブラウザ, Www

TextFieldの入力文字の位置を設定するには、multilineTextAlignment修飾子を使います。

まず、TextFieldにmultilineTextAlignment修飾子を付与します。

そして、multilineTextAlignmentの引数に位置を指定します。

TextField(・・・)
    .multilineTextAlignment(.〇〇) //引数に位置を指定

multilineTextAlignment修飾子を使うことで、TextFieldの入力文字の位置を設定することが出来ます。

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

  • center : 中央
  • trailing : 右
  • leading : 左

使用例

struct ContentView: View {
    
    @State var editingText = ""
    
    var body: some View {
        VStack {
            TextField("input", text: $editingText)
                .multilineTextAlignment(.center)
                .padding()
        }
    }
}

コメント

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