如何在React Native中指示按下

Question

我正在使用touchable -highlight。我希望该区域的媒体向用户表示反馈，因此他们知道它已被按下。我该怎么做？

<TouchableHighlight onPress={() => (this.navToReport(report))}>
  <View>
    <View style={globalStyles.inspectionsItemContainer}>
      <Text style={styles.secondaryText}>{this.getTime(report)}</Text>
      <Text style={globalStyles.inspectionsItemAddress}>{this.getAddress(report)}</Text>
      <Text style={styles.secondaryText}>{this.getClientName(report)}</Text>
    </View
  </View>
</TouchableHighlight>

Answer 1

您可以设置activeOpacity属性，有关详细信息，请参见文档。或切换到使用TouchableOpacity。

Answer 2

这取决于您要寻找的反馈类型。它可能就像在TouchableHighlight上设置activeOpacity和underlayColor属性一样简单。如果您想做更高级的事情，则可以修改状态变量作为onPress函数的一部分，并根据这些功能调整渲染以做一些不同的事情（即TouchableHighlight的不同颜色）。

我会说尝试使用我首先链接的属性，看看这对您是否足够好。