JSPM

react-native-flash-carousel

0.3.0
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 17
  • Score
    100M100P100Q43885F
  • License MIT

Carousel component for React Native powered by FlashList

Package Exports

  • react-native-flash-carousel
  • react-native-flash-carousel/lib/commonjs/index.js
  • react-native-flash-carousel/lib/module/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-native-flash-carousel) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

react-native-flash-carousel

Carousel component for React Native powered by FlashList

Installation

yarn add @shopify/flash-list
yarn add react-native-flash-carousel

Usage

Only 2 props are required: data and renderItem

import { Carousel } from 'react-native-flash-carousel'

// ...

export const AwesomeApp = () => (
  <Carousel
    data={yourData}
    renderItem={({ item }) => <Card item={item} />}
  />
)

Props

Prop Description Type Default
data Required FlashList doc
renderItem Required FlashList doc
autoScroll Enables auto scrolling of the carousel boolean false
autoScrollInterval Only works when auto scroll is enabled.
Scroll interval in seconds.
number 5
autoScrollPause Only works when auto scroll is enabled.
The interval after which auto scroll starts working again after the user has interacted with the carousel
number 5

Supports FlashList's props for horizontal list FlashList docs

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT


Made with create-react-native-library