创建水平分隔符

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