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

Question

我有这个组件

我正在尝试应用背景：

有人知道为什么背景没有出现吗？

标签： react-nativecomponents

Answer 1

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

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

您不需要使用 flatten ，因为 View 需要一组样式作为输入。通过以下方法，可以使用 style 属性覆盖BorderLayout默认样式。

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