如何在滚动时禁用 TouchableOpacity 的突出显示效果? [英] How to disable highlighting effect of TouchableOpacity when scrolling?

问题描述

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

我在 ScrollView 中有一个 TouchableOpacity 列表.我想禁用TouchableOpacity的突出显示效果.滚动时，我只想在 onPress 事件被触发时突出显示.因为它可能会让用户感到困惑，因为它被按下了.

I have a list of TouchableOpacity inside a ScrollView. I want to disable highlighting effect of TouchableOpacity. When scrolling I want to highlight only when onPress event is triggered. Because it may confuse the user that it is pressed.

推荐答案

只需传递值为 1 的 activeOpactity 属性.

Simply pass activeOpactity prop with value 1.

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

确保从react-native"而不是react-native-gesture-handler"导入 TouchableOpacity.

Make sure you import TouchableOpacity from "react-native" not from "react-native-gesture-handler".

这篇关于如何在滚动时禁用 TouchableOpacity 的突出显示效果?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！