Swipeable.js

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

const dragOffsetForTransparency = 0.8 * Dimensions.get('window').width;

export default class Swipeable extends Component {
  constructor(props) {
    super(props);
    this.state = {
      containerTranslateX: new Animated.Value(0)
    };
    this.panResponder = PanResponder.create({
      onStartShouldSetPanResponder: (evt, gestureState) => true,
      onPanResponderMove: Animated.event([null, {
        dx: this.state.containerTranslateX
      }]),
      onPanResponderRelease: (evt, gestureState) => {
        Animated.spring(this.state.containerTranslateX, {toValue:0}).start();
      }
    });
  }
  render() {
    return (
      <Animated.View {...this.panResponder.panHandlers}
        style={{
          opacity: this.state.containerTranslateX.interpolate({
            inputRange: [-dragOffsetForTransparency, 0, dragOffsetForTransparency],
            outputRange: [0, 1, 0],
          }),
          transform: [{translateX: this.state.containerTranslateX}]
        }}>
        {this.props.children}
      </Animated.View>
    );
  }
}

I have to say, that for a noob, RNSwipeable.m is a bit more readable. 😄