如何为所有视图设置相同的样式，但仅对某些视图更改一个道具

Question

两个视图：

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

我有这两个具有矩形样式的矩形。我想为它们每个设置自定义flex，例如第一个flex：2，第二个flex：5。如何在不编写矩形矩形_flex_2和矩形_flex_5样式的情况下实现这一目标？

rectangle: {
    borderRadius: (5),
    backgroundColor: '#FFFFFF00',
    borderColor: 'red',
    borderWidth: 1,
 },

Answer 1

您可以执行以下操作：

<View style={[styles.rectangle, { flex: 2 } ]}/>
<View style={[styles.rectangle, { flex: 5 } ]}/>

这里您要传递一组样式对象，第二个对象会自动覆盖第一个对象的重复样式。