[SwiftUI]TextField(テキストフィールド)の入力文字(input text)の大きさ(size)を変えるには？

[SwiftUI]TextFieldの入力文字の大きさを変えるには？

SwiftUI

2022.02.04

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

TextFieldの入力された文字の大きさを変える方法を紹介します。

方法
使用例

方法

TextFieldの入力文字の大きさを変えるには、fontモディファイアを使います。

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

次に、fontモディファイアの引数に「.system()」を指定します。

そして、system()の引数「size」に入力文字のフォントサイズを指定します。

TextField("", text: $editingText)
    .font(.system(size: /*フォントサイズ（double）*/))

fontモディファイアを使えば、TextFieldの入力文字のサイズを変えることができます。

使用例

以下は、使用例です。

struct ContentView: View {
    @State var editingText = ""
    
    var body: some View {
        VStack {
            TextField("Your Text",text: $editingText)
                .padding()
                .font(.system(size: 30.0))
                .padding()
        }
    }
}