отреагировать родным условным стилем (более двух состояний)?

Question

Я пытаюсь добиться условного оформления в реагировать нативно для компонента:

цель состоит в том, чтобы иметь три цвета фона: заблокированный, разблокированный, просто разблокированный

У меня мало синтаксисадля этого?

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

Я читал один раз о стиле push для поддержки, но опять же у меня мало синтаксиса?

Answer 1

Попробуйте это

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

Последний стиль, который я не знаю, что вы называете, но это должно работать, вы можете поместить в массив, если хотите, но я думаю, что это легче читать.