react-native - 如何在滚动时禁用 TouchableOpacity 的突出显示效果？

Question

<TouchableOpacity style={{ flex: 1 }} >
  <ImageBackground
    source={require('../../images/home.jpg')}>
      <View style={styles.item} collapsable={false}>
        <H3>{contentData[i].name}</H3>
        <Text>{contentData[i].description}</Text>
      </View>
  </ImageBackground>
</TouchableOpacity>

我有一个列表 TouchableOpacity里面 ScrollView .我要 禁用高亮效果 的 TouchableOpacity .滚动时我只想突出显示 onPress事件被触发。因为它可能会混淆用户它被按下。

Answer 1

只需通过 activeOpactity值为 1 的 Prop 。

<TouchableOpacity activeOpacity={1}>....</TouchableOpacity>

确保从“react-native”而不是“react-native-gesture-handler”导入 TouchableOpacity。