有条件地将填充设置为某个数字，但在 react native 中设置为'default'？

Question

我想仅在某个条件为真时才设置填充，否则它应该是默认继承的值。

即，

<View style={{paddingTop: myCondition ? 19 : 'default value?'  }}> 
// ...
</View>

有没有办法在那个style标签中做到这一点？我能想到的唯一另一种方法是复制<View>并具有单独的条件，其中一个为真，另一个为假。

Answer 1

styleprop 接受一系列样式，如果任何值是伪造的，则丢弃它们。这意味着您可以使用&&运算符有条件地呈现样式，或者不呈现任何样式，在这种情况下，将应用默认样式。

<View style={[ myCondition && {paddingTop: 19} ]}> 

如果您有其他样式，可以将它们放在同一个数组中：

<View style={[ 
{ padding: 10 },
myCondition && {paddingTop: 19} 
]}> 

Answer 2

<View style={(condition)? {paddingTop: 19} : {'default value'}}> 
// ...
</View>