reactjs - 创建水平分隔符

Question

我想用 React Native 创建一条水平线(分隔符)。分隔符应该有左右空格。我尝试使用在网站上找到的这段代码

<View
  style={{
    borderBottomColor: 'black',
    borderBottomWidth: 1,
    left: 5,
    right:5
  }}
/>

问题是正确的填充不起作用。线条看起来也不好，有什么办法可以做一个小阴影吗？或者是否有一个组件可以创建分隔符？

Answer 1

left 和 right Prop 用于定位组件/元素。您应该使用 marginRight 和 marginLeft 属性来获得所需的效果。

示例

<View
  style={{
    borderBottomColor: 'black',
    borderBottomWidth: 1,
    marginLeft: 5,
    marginRight: 5
  }}
/>