Как изменить цвет курсора React Native?

Я использую React Native, и я хотел бы изменить цвет курсора ввода текста. На самом деле я получил синий цвет по умолчанию.

Как я могу установить глобальный цвет в JavaScript или в AppDelegate ?

7
ios react-native

3 ответов

Да, мы можем сделать это, установив оттенком цвета.

на AppDelegate.m проекта.

добавляем следующий код между self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds]; и [self.window makeKeyAndVisible];, вы можете изменить глобальный оттенок.

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

или, добавив следующий код после [self.window makeKeyAndVisible];, вы можете изменить цвет оттенка TextInput / UITextField.

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

ничего не происходит при изменении цвета оттенка UITextView.

и я не мог найти способ реализовать его со стилем JaveScript.

5

на самом деле это делает prop для TextInput:selectionColor

<TextInput
  selectionColor={'green'}
/>

здесь документация.

36

лучший способ сделать это, если вы хотите консистенцию через приложение помещает код ниже в корневой файл (индекс.в JS)

import { TextInput } from 'react-native'
TextInput.defaultProps.selectionColor = 'white'

/*class....*/
3