[SwiftUI]TextField(テキストフィールド)のカーソル(cursor)の色(color)を変える(change)には？

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

TextFieldのカーソルの色を変える方法を紹介します。

方法
使用例

方法

TextFieldのカーソルの色を変えるには、accentColorモディファイアを使います。

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

そして、accentColorモディファイアの引数にカーソルの色を指定します。

TextField("Your Text Here", text: $editingText)
    .accentColor(/*カーソルの色*/)

accentColorモディファイアを使えば、TextFieldのカーソルの色を変えることができます。

使用例

以下は、使用例です。

struct ContentView: View {
    @State var editingText = ""
    var body: some View {
        VStack {
            TextField("Your Text Here", text: $editingText)
                .padding()
                .accentColor(Color.red)
                .textFieldStyle(RoundedBorderTextFieldStyle())
        }
    }
}