react-native-swiper-deck

1.0.4-rc4 • Public • Published

react-native-swiper-deck

react-native swiper component that lets user swipe vertical or horizontal deck of images

How to use:

These directions assume that you have already set up a react-native environment

  1. npm install react-native-swiper-deck or yarn add react-native-swiper-deck

  2. Import the package into the screen you wish to use the deck:

example

import Deck from 'react-native-swiper-deck';
  1. Pass the component into a view

example

<Deck />
  1. The Deck takes two props: data (link to your images) and swipeOrientation (horiz or vert) horizontal or vertical

example

<View style={{ justifyContent: 'center' }}>
<Deck
  data={[
    { file:'https://www.yourimagelinkgoeshere.jpg'},
    { file:'https://www.yourimagelinkgoeshere.jpg'},
    { file:'https://www.yourimagelinkgoeshere.jpg'},
    { file:'https://www.yourimagelinkgoesherejpg'},
    ]}
  swipeOrientation="horiz"
   />
   </View>

That's it! Style your photos in the View and enjoy.

Package Sidebar

Install

npm i react-native-swiper-deck

Weekly Downloads

2

Version

1.0.4-rc4

License

MIT

Unpacked Size

59.4 kB

Total Files

7

Last publish

Collaborators

  • anthroware_antlab
  • philmill
  • sollematthew