Skip to content

sankhadeeproy007/CardAnimation

Repository files navigation

ParallexSwiper in react-native!

<ParallexSwiper /> takes data as a prop (built on top of react-native FlatList). Shape of data object is

{
  name: '',
  cover: require(''),
  avatar: require(''),
  cardTitle: '',
  cardText: '',
},

cover and avatar are images.

Example

import ParallexSwiper from './ParallexSwiper';

export default class App extends React.Component {
  render() {
    return (
      <ParallexSwiper data={data} />
    );
  }
}

To-do

  • Make card configurable (support images)
  • Animated duration and easing functions as props

Laggy gif is due to low fps of gif recorder

Releases

No releases published

Packages

No packages published