Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/puredazzle/react-native-simple-picker

A simple picker for React Native.
https://github.com/puredazzle/react-native-simple-picker

ios-picker picker react-native

Last synced: 2 months ago
JSON representation

A simple picker for React Native.

Host: GitHub
URL: https://github.com/puredazzle/react-native-simple-picker
Owner: puredazzle
License: mit
Created: 2016-04-06T08:26:05.000Z (about 8 years ago)
Default Branch: master
Last Pushed: 2023-03-14T18:59:10.000Z (over 1 year ago)
Last Synced: 2024-03-30T17:01:15.686Z (3 months ago)
Topics: ios-picker, picker, react-native
Language: JavaScript
Homepage: https://www.npmjs.com/package/react-native-simple-picker
Size: 341 KB
Stars: 93
Watchers: 6
Forks: 55
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Lists

awesome-react-native - react-native-simple-picker ★62 - A simple react-native select picker (Components / UI)
awesome-reactnative-ui - react-native-simple-picker - fbf5-11e5-9813-66a2d2a040c7.gif)| (Others)
awesome - react-native-simple-picker ★62 - A simple react-native select picker (Components / UI)
awesome-react-native - react-native-simple-picker ★62 - A simple react-native select picker (Components / UI)
awesome-react-native-master - react-native-simple-picker ★3 - A simple react-native select picker (Components / UI)
awesome-reactnative-ui - react-native-simple-picker - fbf5-11e5-9813-66a2d2a040c7.gif)| (Others)
awesome-react-native - react-native-simple-picker ★42 - A simple react-native select picker (Components / UI)
awesome-react-native - react-native-simple-picker ★62 - A simple react-native select picker (Components / UI)
awesome-react-native-ui - react-native-simple-picker ★11 - A simple react-native select picker (Components / UI)
awesome-react-native - react-native-simple-picker ★62 - A simple react-native select picker (Components / UI)
awesome-react-native - react-native-simple-picker ★3 - A simple react-native select picker (Components / UI)
awesome-react-native - react-native-simple-picker ★42 - A simple react-native select picker (Components / UI)
awesome-react-native - react-native-simple-picker ★62 - A simple react-native select picker (Components / UI)

README

        # React Native Simple Picker

A simple picker for React Native.

[![Latest Version](https://badgen.net/npm/v/react-native-simple-picker)](https://www.npmjs.com/package/react-native-simple-picker)

[![Total Downloads](https://badgen.net/npm/dt/react-native-simple-picker)](https://www.npmjs.com/package/react-native-simple-picker)

[![License](https://badgen.net/npm/license/react-native-simple-picker)](LICENSE)

[](https://cloud.githubusercontent.com/assets/499192/14314055/79b56344-fbf5-11e5-9813-66a2d2a040c7.gif)

## Install

```

$ npm install react-native-simple-picker --save

```

## iOS and Android

From version 2.0 React Native Simple Picker now supports both Android and iOS.

## Example

You will find an example in the `/exampleApp` folder.

## Properties

| Prop  | Default  | Type | Description | Required |

| :------------ |:---------------:| :---------------:| :-----| :-----|

| buttonStyle | - | `Object` | Style Close/Continue Buttons | `false` |

| options | - | `Array` | Options that will be passed to the picker | `true`

| initialOptionIndex | - | `Number` | Initial selected option based on it's index | `false`

| labels | - | `Array` | Labels for the options passed to the picker | `false`

| confirmText | Confirm | `String` | Confirm button text | `false`

| confirmTextStyle | - | `Object` | Style Confirm button text | `false`

| cancelText | Cancel | `String` | Cancel button text | `false`

| cancelTextStyle | - | `Object` | Style Close button text | `false`

| itemStyle | - | `Object` | Picker style prop. Use this to customize the picker colors, etc | `false`

| styles | - | `Object` | Overwrites the default [styles](/index.js#L18-L54) of the picker  | `false`

| disableOverlay | - | `bool` | When set to false it will dismiss the picker when the outside region is pressed | `false`

## Events 

| Prop  | Params  | Description |

| :------------ |:---------------:| :---------------:|

| onSubmit | - |  Use this to trigger any action on your parent component when an option is selected

## License

This package is licensed under [The MIT License (MIT)](LICENSE).