边框视图未显示在反应本机中

Question

我有一个像这样的边框视图。

const tableBorder = props => {
return (
    <View style={styles.border}></View>
)
}

const styles = StyleSheet.create({
  border: {
     height: 1,
     padding: 0,
     margin: 0,
     marginTop: 32,
     marginLeft: 20 * widthConverter,
     width: 340 * widthConverter,
    backgroundColor: "black"
  }
})

export default tableBorder;

当我不为此创建新组件并将其添加到主视图中时，边框会很好地加载。但是，当我用这样的边框创建一个单独的组件时，它不会显示在主视图中。

为什么这在我的主视图中没有显示？当我复制完全相同的样式并将其放在主视图中时，它就可以正常工作。