2015-10-13 16 views
6

Ich verwende React Native, um Apps zu entwickeln. Die Sache ist, dass ich die Cursor-Farbe der Texteingabe stattdessen die Standardfarbe blau ändern möchte. Gibt es irgendwelche Möglichkeiten, dass ich dies entweder in JavaScript oder in AppDelegate tun kann, um die globale Farbtonfarbe einzustellen?Ändern reagieren Native Cursorfarbe

+0

, was Sie mit dem Cursor Farbe bedeuten sie? die Farbe der Hervorhebung an einem Eingang? die Farbe deines Mauszeigers, wenn du über eine Eingabe schwebst? die Farbe der Texteingabe caret, wo Sie Buchstaben eingeben? –

Antwort

5

Ja, wir können es tun, indem wir die Tönungsfarbe einstellen.

In AppDelegate.m des Projekts.

Mit dem folgenden Code zwischen self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds]; und [self.window makeKeyAndVisible]; können Sie die globale Farbtonfarbe ändern.

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

Oder den Code unten nach [self.window makeKeyAndVisible]; hinzugefügt haben, können Sie den Farbton Farbe TextInput-/UITextField ändern.

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

Es passiert nichts, wenn Sie die Farbtonfarbe des UITextView ändern.

Und ich konnte keinen Weg finden, es mit einem Stil von JaveScript zu implementieren.

+0

Funktioniert! Vielen Dank! –

+1

Falls jemand eine Hex-Farbe hinzufügen möchte, können Sie [diese Seite] (http://uicolor.io/#/hex-to-ui) verwenden, um von Hex zu iOS UIColor zu konvertieren. – eyal83

+0

Hat jemand herausgefunden, wie man das auf Android macht? – yura

16

Es ist eigentlich eine Stütze für diese TextInput- tun: selection

<TextInput 
    selectionColor={'green'} 
/> 

Hier die documentation ist.

2

Der beste Weg, dies zu tun, wenn Sie Konsistenz wollen Trog der App, die unten Code in das Root-Datei setzt (index.js)

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

/*class....*/