Question

在将视图设置为样式类之后是否可以添加更多样式？

我有一些元素，每个元素都具有相同的结构。我想为每个元素设置单独的背景色。

例如：

const styles = StyleSheet.create({
    gridItem: {
        flex: 1,
        height: 100,
        width: '50%',
    }
})

以及在我的渲染器中：

<View style={styles.gridItem} />
<View style={styles.gridItem} />
<View style={styles.gridItem} />

我想要实现的是这些视图中的每一个都有自己的颜色。因此，总而言之，我想以

的形式添加更多样式

style={{backgroundColor: ''}}

设置样式类后

Answer 1

对象分配或传播可能会完成工作（MDN）：

<View style={{...styles.gridItem, backgroundColor: '#f00'}} />
<View style={{...styles.gridItem, backgroundColor: '#0f0'}} />
<View style={{...styles.gridItem, backgroundColor: '#00f'}} />

在样式表之后添加其他样式

1 个答案: