Ferrisel.js

var Ferrisel = React.createClass({
    getInitialState() {
        return {
            panX: new Animated.Value(0),
            panY: new Animated.Value(0)
        };
    },
    render() {
        var { pages } = this.props;
        var { panX, panY } = this.state;
        return (
            <PanView
                allowScrollX
                allowScrollY
                lockDirection
                panX={panX}
                panY={panY}
                boundaryY={[MIN, MAX]}
                >
                {pages.map((page, i) => (
                    <Animated.Image
                        source={page.source}
                        style={{
                            transform: [{
                                translateX: panX
                            }, {
                                translateY: panY.interpolate({
                                    inputRange: [...],
                                    outputRange: [...],
                                    easing: ...
                                })
                            }, {
                                scale: panY.interpolate({
                                    inputRange: [...],
                                    outputRange: [...]
                                })
                            }]
                        }}
                    />
                ))}
            </PanView>
        )
    }
})