How to change React Native cursor color?

Question

I am using React Native and I would like to change the cursor color of a text input. I actually got the default blue color.

How can I set a global color either in JavaScript or in AppDelegate ?

Answer 1

There is actually a prop doing this for TextInput : selectionColor

<TextInput   selectionColor={'green'} /> 

Here is the documentation.

Answer 2

Best way to accomplish this, if you want consistence trough the app is putting the bellow code in your root file (index.js)

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