[v3] Pressable opacity is ignored when the component is rendered again #4353

Description

I use a Pressable component with an opacity style. The opacity is applied correctly the first time the component is rendered.

However, when the Pressable appears again (for example after being unmounted and mounted again), the opacity is no longer applied. The component is rendered correctly, but the opacity value appears to be ignored.

Steps to reproduce

1. Create a Pressable component with an opacity style (for example, opacity: 0.5).
2. Render the Pressable component.
3. Remove the Pressable from the view hierarchy.
4. Render the same Pressable component again.
5. Observe that the opacity is no longer applied.

A link to a Gist, an Expo Snack or a link to a repository based on this template that reproduces the bug.

https://github.com/TomCorvus/RNGH3

Gesture Handler version

3.1.0

React Native version

0.86.0

Platforms

iOS

JavaScript runtime

Hermes

Workflow

Using Expo Prebuild or an Expo development build

Architecture

New Architecture (Fabric)

Build type

Debug mode

Device

iOS simulator

Device model

No response

Acknowledgements

Yes