2016-08-03 23 views
8

Ist es möglich, einen Umriss oder textShadow auf eine Schriftart hinzuzufügen in nativer reagiert so etwas wie diese (weiße Schrift mit einem schwarzen Umrisse) zu erreichen:Reagieren india Fontumriß/textShadow

enter image description here

In CSS auf die Bahn ihre möglich, einen Textschatten oder einen Umriss einer Schriftart hinzuzufügen, dem Text eine Grenze zu geben, die die Schrift folgt, so etwas wie folgt aus:

h1 { 
 
    color: yellow; 
 
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; 
 
}
<h1>Hello World</h1>

Ist es möglich, etwas Ähnliches in Reaktion nativ zu tun?

Ich nahm die CCS-Snippet Beispiel aus dieser Stack-Überlauf Post auf, wie es mit CSS zu tun: CSS Font Border?

EDIT: Aktualisiert Frage, es zu versuchen und macht klarer

Antwort

7

Ja, es ist möglich, durch die folgende Eigenschaften:

textShadowColor color 
textShadowOffset ReactPropTypes.shape({width: ReactPropTypes.number, height: ReactPropTypes.number}) 
textShadowRadius ReactPropTypes.number 

https://facebook.github.io/react-native/docs/text.html

Tatsächliche abgeschlossene Pull-Anfrage: https://github.com/facebook/react-native/pull/4975

+0

Vielen Dank für Ihre Antwort. Ich bin mir nicht sicher, ob meine Frage klar war, aber ich möchte keinen quadratischen/rechteckigen Rahmen um den Text legen. Ich versuche vielmehr, einen Schatteneffekt zu erzeugen, der den Konturen der Schriftart selbst folgt, so dass ich zum Beispiel eine weiße Schrift mit einer schwarzen Umrandung haben kann –

+0

So sieht es etwa so aus: http: //i.stack.imgur. com/LhqKS.jpg –