TouchableHighlight ne respecte pas le changement d'état

Question

J'ai un <TouchableHighlight> enveloppant un composant <Text> et onPress, je mets le booléen d'état à false pour le faire disparaître. Cela fonctionne comme un charme sur iOS, mais sur Android, la fonction <Text> disparaît mais le <TouchableHighlight> est toujours rendu.

Des conseils ?

{(this.state.showUpdateToast && this.state.updateCount > 0) ?
          (<TouchableHighlight 
            underlayColor='rgba(116, 59, 243, 1)' 
            style={styles.toast} 
            onPress={this.refresh.bind(this)}
          >
            <Text style={styles.toastText}>
              {this.state.updateCount}{this.state.updateCount < 2 ? this.props.getLabel('updateToastSingle') : this.props.getLabel('updateToast')}
            </Text>
          </TouchableHighlight>) 
          : null
        }

Answer 1

Je ne sais pas si cela va résoudre le problème, mais pouvez-vous essayer quelque chose comme ceci :

<TouchableHighlight
  underlayColor="rgba(116, 59, 243, 1)"
  style={[styles.toast, !(this.state.showUpdateToast && this.state.updateCount) && { opacity: 0 }]}
  onPress={this.refresh.bind(this)}
>
  <Text style={styles.toastText}>
    {this.state.updateCount}{this.state.updateCount < 2 ? this.props.getLabel('updateToastSingle') : this.props.getLabel('updateToast')}
  </Text>
</TouchableHighlight>