# react-native-fen-wheel-scroll-picker

> a pure js picker, each option item customizable

Latest version **0.1.14** (published 2018-11-22) · MIT license · 0 weekly downloads

## Install

```sh
npm install react-native-fen-wheel-scroll-picker
pnpm add react-native-fen-wheel-scroll-picker
yarn add react-native-fen-wheel-scroll-picker
bun add react-native-fen-wheel-scroll-picker
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.14 |
| Published | 2018-11-22 |
| First published | 2018-11-22 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 55.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 26 |
| Author | Lee Cameron Brindley |
| Maintainers | fendorioltd |
| Keywords | picker, react-native, react-native-picker |

## Links

- npm: https://www.npmjs.com/package/react-native-fen-wheel-scroll-picker
- Repository: https://github.com/yasemincidem/react-native-picker-scrollview
- Homepage: https://github.com/yasemincidem/react-native-picker-scrollview#readme
- Issues: https://github.com/yasemincidem/react-native-picker-scrollview/issues
- npm.io page: https://npm.io/package/react-native-fen-wheel-scroll-picker

## Recent versions

- 0.1.14 (latest) — 2018-11-22
- 0.1.13 — 2018-11-22
- 0.1.12 — 2018-11-22
- 0.1.11 — 2018-11-22
- 0.1.10 — 2018-11-22

## README

## Changes since fork

-   Added 'displayField' property, where you can pass in an object key (single level) to render, this is useful if you want to pass in an array of objects, and want to render one of the fields.
-   Added 'fontSize' and 'lineHeight' prop, to allow further customisation of the text element rendered inside each option.

## react-native-wheel-scroll-picker

a pure js picker, each option item customizable

![example](./demo/test.gif)

### usage

```shell
npm install react-native-wheel-scroll-picker --save
```

```jsx
import React, { Component } from "react";
import ScrollPicker from "react-native-wheel-scroll-picker";

export default class SimpleExample extends Component {
    render() {
        return (
            <ScrollPicker
                dataSource={["a", "b", "c", "d"]}
                selectedIndex={1}
                renderItem={(data, index, isSelected) => {
                    //
                }}
                onValueChange={(data, selectedIndex) => {
                    //
                }}
                wrapperHeight={180}
                wrapperWidth={150}
                wrapperBackground={"#FFFFFF"}
                itemHeight={60}
                highlightColor={"#d8d8d8"}
                highlightBorderWidth={2}
                activeItemColor={"#222121"}
                itemColor={"#B4B4B4"}
            />
        );
    }
}
```

---
_Source: https://npm.io/package/react-native-fen-wheel-scroll-picker · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._