[SwiftUI]TextField(テキストhぅイールド)の背景色(background color)を設定するには？

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

TextFieldの背景色を設定する方法を紹介します。

方法
使用例

方法

TextFieldの背景色を設定するには、backgroundモディファイアを使います。

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

そして、backgroundモディファイアの引数に背景色を指定します。

TextField(・・・)
    .background(/*背景色*/)

backgroundモディファイアを使えば、TextFieldの背景色を設定することができます。

使用例

以下は、使用例です。

struct ContentView: View {
    @State var editingText = ""
    var body: some View {
        VStack{
            TextField("your text", text: $editingText)
                .padding()
                .background(Color.blue.opacity(0.3))
                .padding()
        }
    }
}