swipe React Function

swipe.js

import React, { Component } from 'react'
import { View, Animated, PanResponder } from 'react-native'

// onSwipePerformed = action => {
//   switch (action) {
//     case 'left': {
//       // this.switchTo(1)
//       console.log('left Swipe performed')
//       break
//     }
//     case 'right': {
//       // this.switchTo(0)
//       console.log('right Swipe performed')
//       break
//     }
//     default: {
//       console.log('Kein Bewegung')
//     }
//   }
// }

export default class SwipeGesture extends Component {
  componentWillMount = () => {
    this.PanResponder = PanResponder.create({
      onStartShouldSetPanResponder: (evt, gestureState) => true,
      onPanResponderRelease: (evt, gestureState) => {
        let x = gestureState.dx
        let y = gestureState.dy
        if (Math.abs(x) > Math.abs(y)) {
          if (x >= 0) {
            this.props.onSwipePerformed('right')
          } else {
            this.props.onSwipePerformed('left')
          }
        }
      }
    })
  }

  render() {
    return (
      <Animated.View
        {...this.PanResponder.panHandlers}
        style={this.props.gestureStyle}
      >
        <View>{this.props.children}</View>
      </Animated.View>
    )
  }
}