反应原生添加边框到视图的一侧

Question

我在我的React Native项目中有要求在视图中显示边框，所以我申请

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

因此，它向全视图显示边框，但我的要求是仅在顶部显示边框，因此如何将边框应用于具有不同颜色的视图的特定侧面。

Answer 1

请添加您的样式，borderBottomWidth以在视图的底部borderTopWidth添加边框，并在视图的顶部添加边框，请参见下面的代码片段：

<View style={{borderColor:'red',borderBottomWidth:1,borderTopWidth:1}}>
            <Text>
                 One Side border 
             </Text>
<View> 

Answer 2

在 React Native 中，视图的 style 属性可以设置单独的边宽度。您可以使用 borderTopWidth 作为顶部边框。borderBottomWidth 为下边框，borderLeftWidth 为左边框，borderRightWidth 为右边框。如果您使用单个属性 borderWidth 那么它将应用于视图的所有四个侧面。