How to create text border in React Native?

Question

In React-Native, how do I add font borders to Text-components?

I've tried using border and shadow{Color, Radius, Opacity, Offset}, but haven't gotten that to work. Any suggestions?

Answer 1

The official docs have this information for you. You can find it on this site: Text Component. There it shows which props you can use to change the behaviour and style of the component. As you can see there are some specific Text styles but also the styles you can apply on a View Component. And if you follow that link it shows you the border styles. So, what you're looking for is maybe:

borderColor string borderTopColor string borderRightColor string borderBottomColor string borderLeftColor string borderRadius number borderTopLeftRadius number borderTopRightRadius number borderBottomLeftRadius number borderBottomRightRadius number borderStyle enum('solid', 'dotted', 'dashed') borderWidth number borderTopWidth number borderRightWidth number borderBottomWidth number borderLeftWidth number 

Answer 2

you can emulator border as two attributes :

textShadowColor color textShadowOffset {width: number, height: number} 

Ex:

textshadow:{     fontSize:100,     color:'#FFFFFF',     fontFamily:'Times New Roman',     paddingLeft:30,     paddingRight:30,     textShadowColor:'#585858',     textShadowOffset:{width: 5, height: 5},     textShadowRadius:10,   },