Comment désactiver les actions tactiles pendant que l'autre événement tactile s'exécute dans React natif?

Question

J'affiche l'élément de la liste en utilisant les valeurs d'index avec un bouton tandis que je clique sur le bouton dans l'un des éléments de liste que les autres éléments de la liste doivent afficher comme désactivés. Sera-t-il possible?

<TouchableOpacity onPress={() => {this.downloadLessonItems()}}> 
{!this.state.isDownloading && !this.state.isDownloaded && 
    <Image 
    style={styles.imgContainer} 
    source={this.state.downloadImageURI} />} 
</TouchableOpacity> 

Answer 1

vous pouvez ajouter disabled prop à TouchableOpacity car il faut disabled accessoire de TouchableWithoutFeedback et sa valeur doit être booléenne

<TouchableOpacity disabled={this.state.disabled} onPress={this._onPressButton}> 
    <Image 
    style={styles.button} 
    source={require('./myButton.png')} 
    /> 
</TouchableOpacity> 

votre code, vous pouvez

<TouchableOpacity 
    disabled={!this.state.isDownloading && !this.state.isDownloaded} 
    onPress={() => {this.downloadLessonItems()}} 
> 
    {!this.state.isDownloading && !this.state.isDownloaded && 
    <Image style={styles.imgContainer} source={this.state.downloadImageURI} />} 
</TouchableOpacity>