Skip to content

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

Description

@TomCorvus

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.

Simulator.Screen.Recording.-.iPhone.17.Pro.-.2026-07-27.at.17.56.34.mov

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    Platform: iOSThis issue is specific to iOSRepro providedA reproduction with a snack or repo is provided

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions