TouchableRipple

Ripple provides components with a material "ink ripple" interaction effect.

Usage

const MyComponent = () => (
  <TouchableRipple
    onPress={() => {}}
    borderless
    rippleColor="rgba(0, 0, 0, .32)"
  >
    <View>
      <Paragraph>Press me</Paragrpah>
    </View>
  </TouchableRipple>
);

Props

borderless
Type: boolean
Default value: false

Whether to render the ripple outside the view bounds.

background
Type: Object
disabled
Type: boolean

Whether to prevent interaction with the touchable.

onPress
Type: Function

Function to execute on press. If not set, will cause the touchable to be disabled.

rippleColor
Type: string

Color of the ripple effect.

underlayColor
Type: string

Color of the underlay for the highlight effect.

children (required)

Content of the TouchableRipple.

style
Type: any
theme
Type: Theme