创建水平分隔符

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
  }}
/>