反应本机条件样式(两个以上的状态)?

Question

我正在尝试在组件的 react native 中实现条件样式：

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

我缺少这个语法？

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

我曾经读过一次关于将样式推送到道具的信息，但我再次缺乏语法？

Answer 1

试试这个

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

最后一个样式我不知道你叫，但这应该可以工作，如果你愿意，你可以放在数组中，但我认为这更容易阅读。