Skip to content
Docs
Components
Touchables
Pressable

Pressable

Pressable component that is based on react native Pressable component.

Import

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

Usage

EDITABLE EXAMPLE
<Pressable
  bg="red.300"
  p="xl"
  borderRadius="xl"
  onPress={() => console.log('Pressed')}
  _pressed={{
    opacity:0.9
  }}
>
  <Text color="black">Test</Text>
</Pressable>

Props

Extends every Box props and react native Pressable component.

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

style

The style prop from React Native. Unlike the regular Pressable component, it does not accept a function.

TypeRequiredDefault
StyleProp<ViewStyle>No

_pressed

The properties to apply when `pressed` is true.

TypeRequiredDefault
CustomStyleObjectNo