Question

我需要在touchableOpacity中显示一个Icon只有当使用函数返回作为参数传递的值为True时才会显示。

请指导我，因为它显示了 renderIcon（）功能的一些错误。

const CardTitle = ({ titleText, EditButton = false }) => {
   if (EditButton === true) {
   this.state = {
   status: true,
}
   }
 renderIcon() {
if (EditButton) {
  return 
  (<Text style={styles.IconStyle}>{"\ue90b"} </Text>);
}
  }
return (
<View style={styles.container}>
  <Text style={styles.HeadingStyle}>
    {titleText}
  </Text>
  <TouchableOpacity>
    {this.renderIcon()}
  </TouchableOpacity>
</View>
     );
     };

也可能是一些共振错误。

Answer 1

尝试更改您的代码

{this.renderIcon()}

用这个

{EditButton ? <Text style={styles.IconStyle}>{"\ue90b"} </Text> : <View />}

也许此代码可以解决您的问题

使用RN使用条件语句隐藏元素

1 个答案: