iOS Wheel Picker Component – React Native Carousel Picker

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:

React Native Carousel Picker

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

Tags:

Add Comment