Skip to content

mesandigital/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

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%