↗
↗
↗
↗
☰
Ripple
iOS
Android
Web
The low-level animated ripple effect used by the button primitives. Most apps enable it through BaseButton instead of rendering Ripple directly.
Import
tsx
import { Ripple } from 'react-native-cross-elements';
Preview
ripple.tsx
Recommended usage
✨
Use BaseButton ripple props unless you are building a custom primitive.
tsx
// Ripple is the low-level visual primitive used by BaseButton. // Most apps enable it through BaseButton props: <BaseButton enableRipple rippleColor="rgba(255,255,255,0.22)" />
Props
Prop
Type
Default
Description
ripple
req
RippleConfig
—
Animated ripple position, size, and progress.
color
req
ColorValue
—
Ripple fill color.