如何在滚动时禁用 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。

Answer 2

尝试在滚动时将activeOpacity道具设置TouchableOpacity为 1。当用户停止滚动时使用默认设置。

https://facebook.github.io/react-native/docs/touchableopacity#activeopacity

Answer 3

您可以尝试更改参数delayPressIn。看医生。

<TouchableOpacity delayPressIn={150} > 
 {children}
</TouchableOpacity>

Answer 4

您可以尝试在'react-native-gesture-handler'中将TouchOpacity替换为RectButton。并且不要忘记将ScrollView导入从'react-native'替换为'react-native-gesture-handler'。

我在这里找到了这个解决方案。

它只是说：

为放置在可滚动容器中的按钮提供本机和平台默认交互（在这种情况下，交互会稍微延迟，以防止按钮在您快速滑动时突出显示）