TouchableRipple ripple effect not working in RN 0.81

[mo-elnady]

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?

<TouchableRipple rippleColor={'blue'} onPress={ () => console.log("Pressed"); } > <Image /> </TouchableRipple>

Your Environment

software	version
android	15
react-native	0.81
react-native-paper	5.14.5

[farynaio]

I found it has some problems with theme styling with expo 54

[ryonakae]

I was experiencing the same issue, but I was able to get the Ripple Effect to display on Android by modifying the code as follows:

import { TouchableRipple } from 'react-native-paper'
import { type PressableAndroidRippleConfig } from 'react-native'

<TouchableRipple
  // rippleColor={tapHighlightColor}
  underlayColor={tapHighlightColor}
  background={
    {
      color: tapHighlightColor,
      foreground: true,
    } as PressableAndroidRippleConfig
  }
  style={styles.content}
>
...
</TouchableRipple>

Environment

• Android: 16
• react-native: 0.81.4
• expo: 54.0.12
• react-native-paper: 5.14.5

[CatLover01]

Adding borderless={true} made it work for me

[RenanSantos7]

I was experiencing the same issue, but I was able to get the Ripple Effect to display on Android by modifying the code as follows:

import { TouchableRipple } from 'react-native-paper'
import { type PressableAndroidRippleConfig } from 'react-native'

<TouchableRipple
// rippleColor={tapHighlightColor}
underlayColor={tapHighlightColor}
background={
{
color: tapHighlightColor,
foreground: true,
} as PressableAndroidRippleConfig
}
style={styles.content}

...

Environment

* Android: 16

* react-native: 0.81.4

* expo: 54.0.12

* react-native-paper: 5.14.5

This doesn't work for me on Android 16, expo 54.0.33 and react-native 0.81.5.

Not even with original Pressable of react-native the ripple effect works.

[ITESaurabh]

facing Same issue for RN CLI builds as well.

"react-native": "0.82.1",
"react-native-paper": "^5.14.5",
"@react-native-community/cli": "20.0.0",

[gavinliu]

rn 0.83 also has this problem; even with the onPress event added to the List.Item component, the Ripple effect is not displayed.

[faljabi]

Same issue for iOS