反应原生条件样式（超过两个状态）？答案

【问题标题】：react native conditional styling (More than two states)?反应原生条件样式（超过两个状态）？
【发布时间】：2018-11-17 10:05:08
【问题描述】：

我正在尝试在组件的原生反应中实现条件样式：

目的是具有三种背景颜色：锁定，解锁，刚刚解锁

我不知道这个的语法吗？

<View style={[styles.insideContainer, !locked && styles.insideContainerValid, !Recent && styles.insideContainerRecent]}>

我读过一次关于 push style to prop 的文章，但我还是缺乏语法？

【问题讨论】：

【解决方案1】：

试试这个

const background  = Recent ? insideContainerRecent : locked ? : styles.insideContainerInvalid : styles.insideContainerValid

我不知道你调用的最后一种样式，但这应该可以，你可以根据需要放入数组中，但我认为这更容易阅读。

【讨论】：