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.

Type	Required	Default
StyleProp<ViewStyle>	No

`_pressed`

The properties to apply when `pressed` is true.

Type	Required	Default
CustomStyleObject	No

IconButton TouchableHighlight