Yi Wang Yi Wang - 10 months ago 213
iOS Question

Change React Native cursor color

I am using React Native to develop apps.
The thing is that I want to change the cursor color of text input instead using the default blue color.
Is there any possibilities that I can do this either in JavaScript or in AppDelegate to set the global tint color?

Answer Source

Yes, we can do it by setting tint color.

In AppDelegate.m of project.

Adding the below code between self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds]; and [self.window makeKeyAndVisible];, you can change the global tint color.

self.window.tintColor = [UIColor redColor]; // Here is your color.

Or, adding the below code after [self.window makeKeyAndVisible];, you can change the tint color of TextInput/UITextField.

[[UITextField appearance] setTintColor:[UIColor redColor]];

Nothing happens when you change the UITextView's tint color.

And I couldn't find a way to implement it with a style of JaveScript.