JSPM

react-native-flippable

0.1.2
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 3
  • Score
    100M100P100Q34407F
  • License MIT

A npm react-native package for making any element flippable using gestures.

Package Exports

  • react-native-flippable
  • react-native-flippable/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-native-flippable) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

React Native Flippable

A npm react-native package for making any element flippable using gestures.

The flippable content can be any react-native element. The flip can be trigger by velocity, drag or tap.

The size of the flippable content is determined by the size of the first child.

Installation

npm install react-native-flippable --save

Usage

import Flippable from 'react-native-flippable'

...

<Flippable>
  <View>
    <Text>Front</Text>
  </View>
  <View>
    <Text>Back</Text>
  </View>
</Flippable>

Props

children

  • required
  • type: React.ReactNode

The children to be flipped. The first child will be the front, the second child will be the back.

flipOnTap

  • optional
  • type: boolean

If the card should be flipped if the user taps on it.

API

flipLeft

  • optional
  • type: () => void

Programmatically trigger a flip to the left.

flipRight

  • optional
  • type: () => void

Programmatically trigger a flip to the right.