[SwiftUI]TextField(テキストフィールド)の入力文字(input text)のパディング(padding)を設定するには？

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

TextFieldの入力文字にパディングを設定する方法を紹介します。

方法
使用例

方法

TextFieldの入力文字のパディングを設定するには、padding修飾子とoverlay修飾子を使います。

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

次に、TextFieldにoverlay修飾子を付与します。

そして、overlay修飾子の引数にRoundedRectangleを指定し、RoundedRectangleをstroke修飾子で枠線だけにします。

TextField(・・・)
    .padding()
    .overlay(
        RoundedRectangle()
            .stroke(・・・)
    )

padding修飾子の後にoverlay修飾子で枠線を付けることで、入力文字にパディングを設定することが出来ます。

使用例

struct ContentView: View {
    
    @State var editingText = ""
    
    var body: some View {
        VStack {
            TextField("input", text: $editingText)
                .padding()
                .overlay(
                    RoundedRectangle(cornerRadius: 3)
                        .stroke(lineWidth: 2)
                )
                .padding()
        }
    }
}