创建一个水平分隔符

Question

我想创建一个带有react native的水平线（分隔符）。分隔符应具有左右空间。我试图使用网站上的代码

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

问题是右边的填充不起作用。线条看起来很糟糕，有没有办法制作一个小阴影？或者是否有一个能够创建分隔符的组件？

Answer 1

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

示例

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