2016-08-03 22 views
8

Czy jest możliwe aby dodać obrys lub textShadow do czcionki w reagują rodzimy osiągnąć coś podobnego (białej czcionki z czarnym konturem):React Native kontur czcionki/textShadow

enter image description here

w CSS na wstęga jego możliwe dodanie cienia tekstu lub konspekt do czcionki, aby nadać tekstowi obramowanie, który następuje czcionki, coś takiego:

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

Czy można zrobić coś podobnego w reakcji natywnej?

Wziąłem CCS snippet przykład od tego przepełnienia stosu post na jak to zrobić z CSS: CSS Font Border?

EDIT: Aktualizacja pytanie i spróbować uczynić go bardziej zrozumiałym

Odpowiedz

7

Tak to jest możliwe dzięki następujące właściwości:

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

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

Faktycznie zakończone żądanie pobrania: https://github.com/facebook/react-native/pull/4975

+0

Dziękuję za odpowiedź. Nie jestem pewien, czy moje pytanie było jasne, ale nie zamierzam umieszczać wokół tekstu kwadratowego/prostokątnego obramowania. Raczej próbuję stworzyć efekt cienia, który podąża za konturami samej czcionki, więc mogę mieć na przykład białą czcionkę z czarnym konturem. –

+0

Tak więc wygląda to tak: http: //i.stack.imgur. com/LhqKS.jpg –