Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

react-native-slide

beefe36ISC0.2.2

react-native-slide

react-native, react-native-slide, slider

readme

react-native-slide

version

A Slide written in pure javascript for cross-platform support.

Needs react-native >= 0.14.2

Documentation

Props

  • height number, height of the slide
  • autoPlay number, the interval of autoplay. Unset this param to forbid autoplay.
  • showPagination bool, show pagination or not
  • paginationStyle viewStylePropType, style of pagination
  • paginationWrapStyle style object, style of paginationWrap
  • activePaginationStyle style object, style of activePaginationStyle

Method

  • isDragging return dragging or not

Usage

Step 1 - install

    npm install react-native-slide --save

Step 2 - import and use in project

    import Slide from 'react-native-slide'

    <Slide
        height={160}
        autoPlay={5000}
        showPagination={true}
        paginationStyle={{
            backgroundColor: 'red'
        }}
        paginationWrapStyle={{

        }}
        activePaginationStyle={{
            backgroundColor: 'blue'
        }}>
        {your slide items}
    </Slide>