callstack / callstack/react-native-paper

TouchableRipple ripple effect not working in RN 0.81

Open
#4,810 7 comments 22 reactions 0 assignees View on GitHub
bug
Dominant language
TypeScript
Stars
14.5k
Forks
2.2k
Avg merge
5d 23h
Merged PRs (30d)
12

Description

### Current behaviour
After upgrading to RN 0.81 all ripple effect in TouchableRipple component doesn't show anymore.

### Expected behaviour
rippleColour prop is not effective anymore, it should normally apply the selected colour.

### How to reproduce?
`
console.log("Pressed");
}
>


`

### Your Environment
| software | version
| --------------------- | -------
| android | 15
| react-native | 0.81
| react-native-paper | 5.14.5

Contributor guide

Open the contributing guide

Research direction

Start with the TouchableRipple component and reproduce the issue using the provided rippleColor example on Android 15 with React Native 0.81 and react-native-paper 5.14.5. Trace how rippleColor is applied and verify that the selected ripple colour is visible after the fix.

Written by the indexing model from the issue text.

Assessment

Tech stack
react-native, typescript
Domain
frontend, mobile
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.