How to disable the touch actions while the other touch event performs in React native?

Question

I am displaying the list item using index values along with a button while I click on the button in one of the list item index other list items should be displaying as disabled. Will it be possible?

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

Answer 1

you can add disabled prop to TouchableOpacity as it takes disabled prop from TouchableWithoutFeedback and it's value should be boolean

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

for your code you can

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