A highly customizable React Native carousel picker for iOS and Android. Inspired by iOS wheel picker.
How to use it:
1. Install and import the CarouselPicker.
# NPM $ npm i react-native-carousel-picker
import React, { useState } from "react"; import { View } from "react-native"; import CarouselPicker from "react-native-carousel-picker";
2. Add the CarouselPicker component to your app.
<CarouselPicker onSelected={handleSelected} items={items} selectedIndices={selectedIndices} />
3. Available component props.
onSelected: PropTypes.func, backgroundColor: PropTypes.string, itemTextStyle: PropTypes.object, containerStyle: PropTypes.object, selectedItemTextStyle: PropTypes.object, unselectedItemTextStyle: PropTypes.object, itemHeight: PropTypes.number, countVisibleItems: PropTypes.number, items: PropTypes.object.isRequired, selectedIndices: PropTypes.object.isRequired, selectedMarkBackgroundColor: PropTypes.string, selectedMarkBorderRadius: PropTypes.number, selectedMarkMarginHorizontal: PropTypes.number, selectedMarkHeight: PropTypes.number,
Preview:
Download Details:
Author: ShmuelPick
Live Demo: View The Demo
Download Link: Download The Source Code
Official Website: https://github.com/ShmuelPick/react-native-carousel-picker
License: MIT