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

Why Pressable component's ripple effect only trigger on long press

我正在使用 React Native 的新可按组件,认为很容易向其添加连锁反应。 但是,我发现只有长按才会触发连锁反应。

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

我试图在 snack.expo.io 上重现该问题,但我得到了 Minified React error #130; 我认为零食不支持 pressable。

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

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

这是添加带有波纹效果的可按下代码

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

我刚刚探索了不同的 link,然后是您提供的 GitHub link,最后找到了 workaround

因此,即使您不使用它,您也只需在您的代码中添加一个属性 onPress={() => {}}

这将解决纹波延迟问题。