Wie können die Touch-Aktionen deaktiviert werden, während das andere Touch-Ereignis in React native ausgeführt wird?

Question

Ich zeige das Listenelement unter Verwendung von Indexwerten zusammen mit einer Schaltfläche an, während ich auf die Schaltfläche im Listenelementindex klicke. Andere Listenelemente sollten als deaktiviert angezeigt werden. Wird es möglich sein?

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

Answer 1

Sie disabled prop zu TouchableOpacity hinzufügen können, wie es disabled prop aus TouchableWithoutFeedback nimmt und es sollte Wert

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

für Ihren Code, den Sie können

<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>