React Native中如何阻止Pressable点击时Text背景变色？

要阻止Pressable点击时内部Text的背景变化，核心是取消Pressable默认的按压反馈样式，具体可以用这几种方法：

• 方法一：禁用Android波纹效果+自定义按压样式
  Pressable在Android上默认会触发波纹效果，看起来像是Text背景变色，直接把波纹设为透明，同时让按压状态的样式为空：

<Pressable
  style={({ pressed }) => [{ backgroundColor: pressed ? 'transparent' : 'transparent' }]}
  android_ripple={{ color: 'transparent' }}
>
  <Text>Click me</Text>
</Pressable>

• 方法二：使用Pressable的disableAndroidRipple属性
  直接禁用Android的波纹效果，同时确保按压状态不会给子元素带来样式影响：

<Pressable
  disableAndroidRipple={true}
  style={({ pressed }) => pressed ? {} : {}}
>
  <Text>Click me</Text>
</Pressable>

• 方法三：让Text不接收触摸事件
  如果不需要Text单独响应触摸，可以给Text设置pointerEvents="none"，这样按压反馈只会作用在Pressable本身，不会影响Text：

<Pressable>
  <Text pointerEvents="none">Click me</Text>
</Pressable>

补充：iOS上Pressable默认的按压反馈是降低透明度，若要完全取消，也可以在style的pressed状态里设置透明度为1，确保Text样式不受影响。

内容的提问来源于stack exchange，提问作者Andon Mitev