johanneslumpe / react-native-gesture-recognizers Goto Github PK

Using the pannable example I'm getting this:

Transform with key of "translateX" must be a number:
 {"translateX":
     {"_children":[],"_value":0,"_startingValue":0,"_offset":0,"_animation":null,"_listeners": {}}
 }

screen

babel --version
6.14.0 (babel-core 6.14.0)

react-native --version
react-native-cli: 2.0.1
react-native: 0.43.2

xcode 8.3.1

macos 10.12.4

hello ~ may I ask how to use how to use es7 decorator in RN ? thanks !

Because of this of course but going in to change React and Component to import from react isn't fixing it. I'm not sure of the use for _interopRequireDefault but it seems to be culprit as my error is pointing to babel-helpers

It would be awesome if it has android support.

not in the npm registry when i install

RN 0.39.2 uses babel 6, which seems to have issue with this, probably due to this using babel 5.

transformed 433/456 (95%)(node:12162) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 326): SyntaxError: TransformError: /home/sid/Developments/MyProjects/ProjectPrism/phone_app/PrismPhone/node_modules/react-native-gesture-recognizers/lib/index.js: [BABEL] /home/sid/Developments/MyProjects/ProjectPrism/phone_app/PrismPhone/node_modules/react-native-gesture-recognizers/lib/index.js: Using removed Babel 5 option: /home/sid/Developments/MyProjects/ProjectPrism/phone_app/PrismPhone/node_modules/react-native-gesture-recognizers/.babelrc.stage - Check out the corresponding stage-x presets http://babeljs.io/docs/plugins/#presets

I don't know if it is related to a change with react-native or if its something on my part, but the @swipeable seems to be causing Unexpected Token errors.

can this module respond to normal onPress events ?

Hi

Thank you for providing this component. Also please include instructions on how to use decorators using babel presets. I see multiple versions on stackoverflow, but none are in detail.

appreciate your help

I get this error -

Those would come in real handy, thanks!

on the Readme your example is using ES6 import mechanism, and ES7 decorators.

eg:

import React, { Component, Text, View } from 'react-native';
import { pannable } from 'react-native-gesture-recognizers';

@pannable({
  setGestureState: false
})

I assume you are using babel task, before you run the project.

How to make the gestures working with vanila ReactNative ES6?

calling React.PropTypes will throw an error in React v15.5+. Using React v16, I'm getting the following error in pannable.js:14:

"Cannot read property 'func' of undefined".

PropTypes have been moved from the React package into 'prop-types'. Facebook provides a codemod for migration here: https://reactjs.org/blog/2017/04/07/react-v15.5.0.html#migrating-from-react.proptypes

first of all, I'm a beginner on react native.
I can't load this module but other modules can be loaded successfully.
What.. can I have to do link this module to my project?

Sorry.

is it possible to use Pan to move only direction top(up) and left?
how can I do this ?