时间戳

首页 > 解决方案 > 如何为所有视图设置相同的样式，但只为某些视图更改一个道具

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

问题描述

两种观点：

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

我有这两个具有矩形样式的矩形。我想为它们中的每一个设置自定义 flex，比如第一个 flex:2，第二个 flex:5。如何在不编写样式 rectangle_flex_2 和 rectangle_flex_5 的情况下实现这一点？

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

标签： react-native

解决方案

您可以执行以下操作：

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

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

推荐阅读