如何在滚动时禁用 TouchableOpacity 的突出显示效果?

问题描述：

<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 的突出显示效果?

相关推荐