Skip to content
Docs
Components
Touchables
TouchableHighlight

TouchableHighlight

Component that is based on react native TouchableHighlight component.

Import

import { TouchableHighlight } from 'react-native-ficus-ui';

Usage

EDITABLE EXAMPLE
<VStack spacing={10}>
  <TouchableHighlight onPress={() => console.log('Pressed')}>
    <Text>Test</Text>
  </TouchableHighlight>
  <TouchableHighlight
    bg="red.300"
    p="xl"
    borderRadius="xl"
    underlayColor="white"
    activeOpacity={0.5}
    onPress={() => console.log('Pressed')}
  >
    <Text>Test</Text>
  </TouchableHighlight>
</VStack>

Props

Extends every Box props and react native TouchableHighlight component.

https://reactnative.dev/docs/touchablehighlight#props (opens in a new tab)

PressableTouchableOpacity