[SwiftUI]TextField(テキストフィールド)の枠線(border)の色(color)を変えるには？

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

TextFieldの枠線の色を変える方法を紹介します。

方法
使用例

方法

TextFieldの枠線の色を変えるには、overlayモディファイアを使います。

まず、TextFieldにoverlayモディファイアを付与し、overlayの引数にRoundedRectangleを指定します。

そして、RoundedRectangleにstrokeモディファイアを付与し、strokeの第１引数に枠線の色を指定します。

TextField("Your Text Here", text: $editingText)
    .overlay(
        RoundedRectangle(cornerRadius: /*枠線の丸み*/)
            .stroke(/*枠線の色*/, lineWidth: /*枠線の太さ*/)
    )

overlayモディファイアを使えば、TextFieldの枠線の色を変えることができます。

使用例

以下は、使用例です。

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