为什么 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={() => {}}
。
这将解决纹波延迟问题。
我正在使用 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={() => {}}
。
这将解决纹波延迟问题。