有条件地将padding设置为一定数量，但在react native中将其设置为'default'吗？

Question

我只想在特定条件为真时设置填充，否则应该是默认的继承值。

即

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

我可以在style标记内执行此操作吗？我可以想到的唯一另一种方法是复制<View>并有单独的条件，其中一个为true，另一个为false。

Answer 1

style道具接受样式数组，如果任何值是假的，则将其丢弃。这意味着您可以使用&&运算符有条件地渲染样式，或者不进行任何渲染，在这种情况下，将应用默认样式。

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

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

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

Answer 2

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