Pressable backgroundColor does not change on Android

[Bardiamist]

Description

Pressable backgroundColor does not change on Android if change android_ripple at same time.
It was fine in react-native 0.79.3.
Problem appeared in 0.80.0 and still exist it 0.82.1.

Steps to reproduce

1. Clone and run repro https://github.com/Bardiamist/diff/tree/pressable-background-color
2. Press on the red button
3. See that background of the button didn't change

React Native Version

0.82.1

Affected Platforms

Runtime - Android

Output of npx @react-native-community/cli info

info Fetching system and libraries information...
System:
  OS: macOS 26.0.1
  CPU: (10) arm64 Apple M1 Max
  Memory: 169.34 MB / 64.00 GB
  Shell:
    version: "5.9"
    path: /bin/zsh
Binaries:
  Node:
    version: 24.10.0
    path: /opt/homebrew/bin/node
  Yarn:
    version: 1.22.22
    path: /opt/homebrew/bin/yarn
  npm:
    version: 11.6.0
    path: /opt/homebrew/bin/npm
  Watchman:
    version: 2025.10.20.00
    path: /opt/homebrew/bin/watchman
Managers:
  CocoaPods:
    version: 1.12.1
    path: /usr/local/bin/pod
SDKs:
  iOS SDK:
    Platforms:
      - DriverKit 25.0
      - iOS 26.0
      - macOS 26.0
      - tvOS 26.0
      - visionOS 26.0
      - watchOS 26.0
  Android SDK: Not Found
IDEs:
  Android Studio: 2025.1 AI-251.27812.49.2514.14217341
  Xcode:
    version: 26.0.1/17A400
    path: /usr/bin/xcodebuild
Languages:
  Java:
    version: 17.0.17
    path: /usr/bin/javac
  Ruby:
    version: 2.6.10
    path: /Users/bardiamist/.rbenv/shims/ruby
npmPackages:
  "@react-native-community/cli":
    installed: 20.0.0
    wanted: 20.0.0
  react:
    installed: 19.1.1
    wanted: 19.1.1
  react-native:
    installed: 0.82.1
    wanted: 0.82.1
  react-native-macos: Not Found
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: true
  newArchEnabled: true
iOS:
  hermesEnabled: true
  newArchEnabled: true

Stacktrace or Logs

No crash

MANDATORY Reproducer

https://github.com/Bardiamist/diff/tree/pressable-background-color

Screenshots and Videos

Screen.Recording.2025-10-28.at.12.04.39.mov

[freeboub]

I also have this issue, but android_ripple is simply not applied in 0.82.1
Another sample can found here: https://github.com/freeboub/bug-react-native-android-ripple-not-applied
The code:

      <Pressable
        android_ripple={{ color: 'red', borderless: false }}
        onPress={() => { console.log('Pressed!'); }}
      >
        <Text>Press Me</Text>
      </Pressable>

Notice that a possible workaround is to switch Pressable from react-native-gesture-handler

[ish1416]

Hi, I’d like to take up this issue and investigate why Pressable backgroundColor does not update on Android when android_ripple is changed simultaneously. Could you please assign it to me?
Thanks!

[freeboub]

@ish1416 if you want to investigate, please have a look to [Regression] android_ripple doesn't work anymore on RN 0.82.1 #54372. I think it gives more clue on where to check

[ish1416]

@freeboub I have raised a PR.

[Racha2004]

i was able to reproduce the issue locally

[react-native-bot]

This issue is stale because it has been open 180 days with no activity. Remove stale label or comment or this will be closed in 7 days.