反应原生条件样式（超过两个州）？

Question

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

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

我的语法很简短？

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

我曾经读过一次关于推动风格的道具，但我的语法却很短暂？

Answer 1

试试这个

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

我不知道你打电话的最后一种风格，但这应该有用，如果你愿意，你可以放在数组内部，但我认为这更容易阅读。