Javascript FlatList条件样式未按预期工作

Javascript FlatList条件样式未按预期工作,javascript,reactjs,react-native,react-native-android,Javascript,Reactjs,React Native,React Native Android,我一直在尝试对flatlist进行一些有条件的样式设置,但结果表明它并没有完全发挥作用。我不知道我错过了什么,如果你能帮我,我将不胜感激 下面是代码,其中最后一个条件是working item.status==5 <Text style={[ item.status == 1 ? styles.Approved : styles.orderStatusText, item.status == 2 ? styles.Sold : styles.orderStatusTex

我一直在尝试对flatlist进行一些有条件的样式设置,但结果表明它并没有完全发挥作用。我不知道我错过了什么,如果你能帮我,我将不胜感激

下面是代码,其中最后一个条件是working item.status==5

<Text
  style={[
    item.status == 1 ? styles.Approved : styles.orderStatusText,
    item.status == 2 ? styles.Sold : styles.orderStatusText,
    item.status == 3 ? styles.UnderReview : styles.orderStatusText,
    item.status == 4 ? styles.Inactive : styles.orderStatusText,
    item.status == 5 ? styles.Deleted : styles.orderStatusText
  ]}
>
  {item.status}
</Text>
其中一种样式的示例:

  Deleted: {
    fontSize: 12,
    fontFamily: Theme.regularFont,
    color: 'red', 
    paddingLeft: 8,
    fontWeight: '400'
},

{(item.status==1)?已批准:空}
{(item.status==2)?已售出:空}
{(item.status==3)?正在审查中:null}
{(item.status==4)?非活动:null}
{(item.status==5)?已删除:null}

我碰巧想到了这一点,做得非常好

你能分享完整的代码吗,因为item.status中有什么,你的要求是什么?item.status来自API响应,我必须根据状态代码应用样式@VahidAkhtari知道但是发布完整的代码,因为它是数组还是什么?你最好把它放到一个开关盒中。当你说它“功能不全”时,你的具体意思是什么?您是否已登录以确保
item.status
是您认为的状态?@Jayce444没有完全正常工作,因为(item.status)==5)正在按照条件中的样式工作
  Deleted: {
    fontSize: 12,
    fontFamily: Theme.regularFont,
    color: 'red', 
    paddingLeft: 8,
    fontWeight: '400'
},
  <Text 
     style={[styles.orderStatusText]}>
     {(item.status === 1) ? <Text style={styles.Approved}>Approved</Text> : null}
     {(item.status === 2) ? <Text style={styles.Sold}>Sold</Text> : null}
     {(item.status === 3) ? <Text style={styles.UnderReview}>Under Review</Text> : null}
     {(item.status === 4) ? <Text style={styles.Inactive}>Inactive</Text> : null}
     {(item.status === 5) ? <Text style={styles.Deleted}>Deleted</Text> : null}
</Text>