反应本机 | “TouchableOpacity”的最佳替代品是什么？

Question

Button

在react-native中限制太多，所以我使用了

TouchableOpacity

（有很多装饰）。但是用

TouchableOpacity

制作的按钮存在延迟问题。我还觉得点击时切换屏幕有延迟。

于是我开始寻找替代品，但找不到。有

Styled

组件，但不知道性能如何。

Styled

组件的性能是否比

TouchableOpacity

更好，或者还有其他东西可以用来替代

TouchableOpacity

？

尝试看看这个。这是关于我的问题。

Answer 1

您可以使用

onStartShouldSetResponder={()=> ... }

创建视图组件并用它做任何您想做的事情。尤其是它对于 hitlop 非常有用。

Answer 2

React Native官方推荐的选项显然是使用Pressable， 但默认情况下，它在按下时不带有动画。 您可以使用第三方轻量级包装器，例如 rn-animated-pressable

import AnimatedPressable from "rn-animated-pressable";


<AnimatedPressable onPress={() => console.log("Pressed!")}>
  <Text>Press me!</Text>
</AnimatedPressable>