如何禁用觸摸操作，而其他觸摸事件在React本機中執行？

Question

我正在使用索引值顯示列表項和一個按鈕，同時我點擊列表項索引中的按鈕，其他列表項應顯示爲禁用。會有可能嗎？

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

Answer 1

您可以添加disabled道具TouchableOpacity，因爲它需要從TouchableWithoutFeedbackdisabled道具，它的值應該是布爾

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

你的代碼，你可以

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