React Native：NativeWind className包裹View时Pressable条件样式失效原因

在React Native结合NativeWind开发时，发现被带有NativeWind类名的View包裹的Pressable组件，其内部的按压条件样式（切换背景色）无法正常工作。移除外层View的className属性后，Pressable的样式即可正常生效，请问这是什么原因？

代码示例：

<View className="flex-row basis-8/12 gap-x-2">
  <Pressable
    style={({ pressed }) => [
      {
        backgroundColor: pressed ? 'black' : 'white',
      },
    ]}>
    <Text>Select</Text>
  </Pressable>
</View>

• NativeWind的className会给View注入默认的触摸响应容器配置，直接拦截了原本应该传递给Pressable的触摸事件，导致Pressable无法正确触发pressed状态的变化。
• 部分NativeWind布局类（比如示例中的flex-row）在编译时会附带调整触摸事件传递的隐式属性，干扰了Pressable的状态检测逻辑，使得它无法感知到按压动作。
• Pressable的条件样式完全依赖自身接收到的触摸事件来更新pressed状态，当外层带NativeWind类的View抢占了触摸事件的处理权，Pressable自然无法切换背景色。

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