css - 在 css 中只更改一个元素但其他元素仍然存在的正确方法是什么

Question

我有一个元素具有这些 CSS 属性，应用了 react-native 的 Stylesheet 选项

  const styles = StyleSheet.create({
      card: {
        marginTop: 30,
        marginLeft: 50,
        marginRight: 50,
        padding: 20,
        backgroundColor: '#74C8AF',
        borderRadius: 10,
        flex: 1,
        flexDirection: 'column',
      },
     })

我想为我的所有卡片实现这个“卡片”属性，但只想更改每张卡片独有的 backgroundColor 属性。有没有办法只在一个卡片对象中处理这个问题，而无需为每个人设置不同的卡片对象？

我试图像这样改变样式，但它丢弃了整个对象并且只应用了背景色

<Card style={styles.card, {backgroundColor:"#9932cc"}}>

//...

</Card>

Answer 1

像这样使用

<Card style={[styles.card, {backgroundColor:"#9932cc"}]}>

代替

<Card style={styles.card, {backgroundColor:"#9932cc"}}>