Content Swiper for React Native is released

Check out our content swiper component for #reactnative

  • When we were implementing the Cheapp application we were looking for nice component for viewing images.
  • In our app we had upload indicator etc. built into our image viewer, so this component we released is pretty much built from the scratch to make it bit simpler and also to make it bit more customizable so it hopefully fits better for other peoples needs too.
  • Package includes Slide, SlideZoom, RotateY and Stack animations.
  • index=0 means that image is active and you can use those parameters to define enter/exit animations for your items as you like.
  • Here’s example of normal slide animation, but other animations are pretty much the same too.

Content Swiper component for React Native is out now

When we were implementing the Cheapp application we were looking for nice component for viewing images. There’s plenty of components available, but after testing many of them, we couldn’t find component that was working for us, so we decided to make our own. It ended up working quite nicely, so we decided that we could publish it and see if someone else finds it useful too.

Our application was locked to portrait-mode, but still we wanted user to be able to watch images in a landscape-mode too, because it’s up to the user which way he chooses to take a pictures.

In our app we had upload indicator etc. built into our image viewer, so this component we released is pretty much built from the scratch to make it bit simpler and also to make it bit more customizable so it hopefully fits better for other peoples needs too.

We included few default animations, but it’s really easy to do you own animation style too as shown below. Package includes Slide, SlideZoom, RotateY and Stack animations.

Animations are defined as interpolators, so it’s just a function which has index, layout width and layout height given as a Animated.Values. index=0 means that image is active and you can use those parameters to define enter/exit animations for your items as you like.

Here’s example of normal slide…

Content Swiper for React Native is released