为什么可压组件的涟漪效应只在长按时触发

Question

我正在使用react原生的新的可按压组件，认为很容易给它添加涟漪效果。但是，我发现只有在长时间按压时才会触发连锁反应。

也就是说，要看到波纹，我需要触摸按钮至少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>

Answer 1

我只是浏览了不同的链接，然后是您提供的GitHub链接，最后找到了一个workaround。

因此，您只需在代码中添加一个适当的onPress={() => {}}，即使您不使用它。

这将解决波动延迟问题。