React native将边框添加到视图的一侧

Question

我的反应原生项目中有要求在视图中显示边框，所以我应用

<view style={{borderwidth=1,bordercolor:’red’}}/>

所以它看起来是完整视图的边界，但我的要求是只显示边框的顶部 那么如何将边框应用到不同颜色的视图的特定边。

Answer 1

请添加到您的样式borderTopWidth以在视图底部添加边框，并<View style={{borderColor:'red',borderBottomWidth:1,borderTopWidth:1}}> <Text> One Side border </Text> <View> 添加视图的边框顶部，请参阅下面的代码段：

Workbook_BeforeSave

Answer 2

在本机中有视图的样式属性来设置单独的边宽。您可以将borderTopWidth用于Top Border。 borderBottomWidth用于底部边框，borderLeftWidth用于左边框，borderRightWidth用于右边框。如果使用单个属性borderWidth，则它将应用于视图的所有四个边。