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.

Dependencies (0)

    Dev Dependencies (1)

    Package Sidebar

    Install

    npm i react-native-swiper-deck

    Weekly Downloads

    4

    Version

    1.0.4-rc4

    License

    MIT

    Unpacked Size

    59.4 kB

    Total Files

    7

    Last publish

    Collaborators

    • anthroware_antlab
    • philmill
    • sollematthew