react-native - 如何在 React Native 中执行其他触摸事件时禁用触摸操作？

Question

当我单击列表项索引之一中的按钮时，我正在使用索引值和按钮显示列表项，其他列表项应显示为禁用。有可能吗？

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

Answer 1

您可以将disabled道具添加到TouchableOpacity，因为它 disabled 从TouchableWithoutFeedback获取道具，并且它的值应该是布尔值

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