32

Currently the cursor/caret for my SwiftUI TextField is blue. Is there an API for cursor colour or a workaround?

0

4 Answers 4

56

EDIT: as pointed out below and in the documentation, my original answer (below) is now deprecated and you should use .tint instead. Or if you want all text fields and other UI elements in your app to be the same you can customize your app’s global accentColor.

Original answer:

Tried it out and .accentColor does the trick.

TextField(" Enter some text", text: $name)
    .accentColor(.yellow)
6
  • 3
    Didn't work for me but I'm trying this inside a Catalyst app (i.e., it's not a fully native AppKit macOS app) which might explain it :-( Dec 2, 2019 at 13:44
  • Unfortunately this isn't available before macOS 11 (it is available in iOS 13, however).
    – Charles A.
    Mar 22, 2021 at 21:47
  • 2
    Also in the future Apple docs as of (Jan '22) specify that .accentColor() will be deprecated in the future, and to use this instead: .tint(.Yellow) Jan 7, 2022 at 2:55
  • 8
    Using .tint is not working for me. Only .accentColor works.
    – wristbands
    May 3, 2022 at 19:17
  • iOS 16.0 .accentColor iOS 16.1 and higher .tint I use both to support all versions of 16 May 15 at 12:16
4

The other answer didn't work for me but this did! It doesn't look like the cursor plays well with SwiftUI custom line spacing however...

extension NSTextView {
    open override var frame: CGRect {
        didSet {
            insertionPointColor = .black
        }
    }
}
1

For Xcode 15, I just use the Assets resources, I added a Cursor color set. And I use it on the tint modifier.

enter image description here

For example

import SwiftUI

struct MyTextFieldStyle: TextFieldStyle {
    
    func _body(configuration: TextField<Self._Label>) -> some View {
        configuration
            .tint(Color(.cursor))
    }
}

And you can use it in the textFieldStyle() modifier like

.textFieldStyle(MyTextFieldStyle())
0

This for me worked to change the cursor color for TextEditor. I put the code below as my app initialiser, thus making all of my apps cursors (TextEditor) pink.

init() {
    UITextView.appearance().tintColor = .systemPink
}

At the time of writing I have Xcode 13.4.1

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.