2016-08-03 57 views
8

是否有可能在反應原產於實現這樣的事情(白色字體與黑色輪廓)的輪廓或textShadow添加到字體:上陣營本地字體輪廓/ textShadow

enter image description here

在CSS網絡公司可以將文字陰影或輪廓添加到字體,給文字下面的字體邊框,這樣的事情:

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

是否有可能在原生反應中做類似的事情?

我把CCS片斷從如何使用CSS做這種堆棧溢出職位例如:CSS Font Border?

編輯:更新的問題,試圖使其更清晰

回答

7

是有可能通過以下屬性:

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

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

實際完成的拉動請求: https://github.com/facebook/react-native/pull/4975

+0

感謝您的回答。我不確定我的問題是否清楚,但我不打算在文本週圍放置方形/矩形邊框。相反,我試圖創建一個跟隨字體自身輪廓的陰影效果,所以我可以使用黑色輪廓的白色字體 –

+0

因此,它看起來像這樣: http://i.stack.imgur。 COM/LhqKS.jpg –