Question

<View >
    <Text style={HomeStyles.homeSegmentText}>
        {currentUser.badgeId}   
        <Text style={!(this.props.expiryAlert) && {display:'none'}} )>
            <BlinkMe days={getDays()} />
        </Text>
    </Text>
</View>

在上面的示例中，我希望仅在expiryAlert为true时才显示BlinkMe组件-但是display：none在嵌套文本组件中不会被忽略-有人对解决方法有任何想法吗？

Answer 1

Text组件不支持显示属性，您应该看看它style's props。

作为解决方法，您可以执行以下操作：

<View>
  <Text style={HomeStyles.homeSegmentText}>
    {currentUser.badgeId}
    {!(this.props.expiryAlert) &&
      <Text>
        <BlinkMe days={getDays()} />
      </Text>
    }
  </Text>
</View>

React Native-在嵌套的Text元素上显示：“ None”

1 个答案: