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

Posted 2023-03-15

【中文标题】反应原生在视图的一侧添加边框

【英文标题】：React native adding border to the one side of the view

【发布时间】：2018-01-25 12:48:24

【问题描述】：

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

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

所以它显示边框以全视图但我的要求是仅显示边框顶部 那么如何将边框应用到具有不同颜色的视图的特定侧。

【参考方案1】：

请添加到您的样式borderBottomWidth 为视图底部添加边框，borderTopWidth 为视图顶部添加边框，请参见下面的代码 sn-p：

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

【参考方案2】：

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