道具（样式）不会传递给孩子

Question

我有这个组件

而且我正在尝试申请背景：

有人知道为什么不显示背景吗？

Answer 1

请把您的BorderLayout更改为以下格式。

 return (
    <View style={[styles.parent,props.style]}>
       /* remaining code */
    </View>
)

您不需要使用flatten，因为View可以将样式数组作为输入。通过以下方法，可以使用样式道具覆盖BorderLayout默认样式。

进行的更改：将props.style移到了数组的末尾，以便它将覆盖默认样式（在您的情况下为backgroundColor）。

Answer 2

在您的BorderLayout中，

return(
  <View style={props.style}>
    //rest implementation
  </View>
)

请确保已从props.style中删除了StyleSheet.flatten(...)