有条件地将填充设置为某个数字，但在本机反应中设置为“默认”？答案

【问题标题】：Conditionally set padding to certain number, but otherwise set to 'default' in react native?有条件地将填充设置为某个数字，但在本机反应中设置为“默认”？
【发布时间】：2018-06-23 15:53:40
【问题描述】：

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

即，

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

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

【问题讨论】：

标签： react-native

【解决方案1】：

style 属性接受一个样式数组，如果任何值是假的，它们就会被丢弃。这意味着您可以使用 && 运算符有条件地呈现样式，或者不呈现任何样式，在这种情况下应用默认样式。

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

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

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

【讨论】：

【解决方案2】：

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

【讨论】：