在 React-Native 中，如何向文本组件添加字体边框？
我试过使用borderand shadow{Color, Radius, Opacity, Offset}，但没有让它起作用。有什么建议？
如何在 React Native 中创建文本边框？
IT技术
css
reactjs
react-native
2021-05-04 09:23:38
4个回答
官方文档为您提供了这些信息。您可以在此站点上找到它：文本组件。它显示了您可以使用哪些props来更改组件的行为和样式。正如您所看到的，有一些特定的 Text 样式以及您可以应用于View Component的样式。如果您点击该链接，它会向您显示边框样式。所以，你要找的可能是：
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
您可以将边框作为两个属性：
textShadowColor color
textShadowOffset {width: number, height: number}
前任：
textshadow:{
fontSize:100,
color:'#FFFFFF',
fontFamily:'Times New Roman',
paddingLeft:30,
paddingRight:30,
textShadowColor:'#585858',
textShadowOffset:{width: 5, height: 5},
textShadowRadius:10,
},您需要设置borderColor和borderWidth。
目前不适用于安卓。尝试将其包装在这样的视图中：
<View
style={{
borderWidth: 1,
borderColor: "thistle",
borderRadius: 50,
}}>
</View>