React Native Animated Touchable Component

!Preview

Documentation

- Example
- Installation
- Web Support
- Props
- Usage

Example

Example

Installation

This component uses Moti, which uses Reanimated 2 so you need to install Moti and Reanimated 2.

$3

npm install moti

$3

Moti requires that you install react-native-reanimated. The minimum version of Reanimated it's been tested on is 2.0.0-rc.0.

#### If you're using Expo

Please follow the Expo instructions for installing react-native-reanimated v2.

You'll need at least Expo SDK 40.

#### If you aren't using Expo

Please follow Reanimated's installation instructions for v2.

$3

npm install react-native-touchable-moti

Web

Follow this instruction https://moti.fyi/web

Props

| Props | Required | TochableScale Default Value | TouchableLift Default Value |
| -------------------------------------------------------------- | -------- | --------------------------- | --------------------------- |
| PressableProps | | | |
| value | no | 1.1 | -10 |

Usage

$3

import { TouchableScale, TouchableLift } from 'react-native-touchable-moti';

$3

Press me!

$3

Press me!


You can use it as a wrapper too, like this



Press me!



Big thanks to Fernando Rojo

Try Moti

Reach me on twitter @kikiding