react-native-slider icon indicating copy to clipboard operation
react-native-slider copied to clipboard

feat(android): add disableAndroidRipple prop to remove SeekBar ripple

Open team-psl opened this issue 4 months ago • 0 comments

Problem

On Android the slider uses the native SeekBar which draws a platform ripple around the thumb when pressed. There is currently no supported way to disable or customize this ripple from JS. That prevents apps from implementing custom thumb overlays or matching certain visual designs without editing native code or changing app themes.

Proposal

Add an opt-in boolean prop disableAndroidRipple (default: false) on Android that removes background/foreground ripple/state animator on the native SeekBar. This should be non-breaking (opt-in) and implemented defensively for OEM quirks / API levels.

Example usage

<Slider
  value={value}
  onValueChange={setValue}
  disableAndroidRipple={true}
/>

team-psl avatar Aug 24 '25 10:08 team-psl