reactnative 根据状态隐藏显示按钮

发布于04月01日

我想根据我的状态显示按钮

我是一只新蜜蜂，所以我被困在这里.

<TouchableOpacity style={{...styles.actionButton}} >
    <MaterialCommunityIcons name="clock-edit" color={colors.dark_primary_color} size={scale(22)} />
</TouchableOpacity>

<TouchableOpacity style={styles.actionButton}>
  <MaterialCommunityIcons name="delete" color={colors.delete_icon} size={scale(22)} />
</TouchableOpacity>

推荐答案

这就是根据某些状态显示不同按钮的方式

<View style={styles.buttonView}>
{ 
  status !== "active" && 
  <TouchableOpacity style={{...styles.actionButton}}>
    <MaterialCommunityIcons name="clock-edit" color={colors.dark_primary_color} size={scale(22)}/>
  </TouchableOpacity>
            
}
{ 
  status !== "submit" && 
  <TouchableOpacity style={{...styles.actionButton}}>
    <MaterialCommunityIcons name="clock-edit" color={colors.dark_primary_color} size={scale(22)}/>
  </TouchableOpacity>
            
}
{ 
  status !== "approve" && 
  <TouchableOpacity style={{...styles.actionButton}}>
    <MaterialCommunityIcons name="clock-edit" color={colors.dark_primary_color} size={scale(22)}/>
  </TouchableOpacity>
            
}
            
</View>