reactjs - 为什么Pressable组件的涟漪效应只在长按时触发

Question

我正在使用 react native 的新可按下组件，认为很容易为其添加涟漪效应。但是，我发现只有长按才会触发涟漪效应。

即要查看波纹，我需要触摸按钮至少 120 毫秒到 150 毫秒。一个粗略的猜测。

我试图重新创建这个问题，snack.expo.io但Minified React error #130;我觉得零食不支持可按压。

我没有在任何地方找到答案。github上有一个关于这个的活跃问题。但是我没有找到任何解决此问题的方法。

因此，如果有人对此有解决方法，请在这里分享，因为它将帮助像我这样的人。

这是添加具有波纹效果的可按压的代码

      <Pressable
        style={styles.buttonStyle}
        android_ripple={{color: 'black', borderless: true}}>
        <Text style={styles.buttonText}>Login</Text>
      </Pressable>

标签： reactjsreact-nativereact-native-androidreact-native-iosreact-component

Answer 1

我刚刚探索了不同的链接，然后是您提供的 GitHub 链接，最后找到了解决方法。

onPress={() => {}}因此，即使您不使用它，您也只需在代码上添加一个道具。

这将解决纹波延迟问题。