# rnative-picker

> A simple react-native timer picker

Latest version **1.0.1** (published 2021-04-04) · ISC license · 0 weekly downloads

## Install

```sh
npm install rnative-picker
pnpm add rnative-picker
yarn add rnative-picker
bun add rnative-picker
```

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.1 |
| Published | 2021-04-04 |
| First published | 2021-04-04 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 9.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | @kishan  kishankumar001122@gmail.com @github.com/git-kishan |
| Maintainers | npm-kishan |
| Keywords | time-picker, react-native-picker, react-native-timepicker, picker, react-native-time-picker, time-picker |

## Links

- npm: https://www.npmjs.com/package/rnative-picker
- Repository: https://github.com/git-kishan/rnative-picker
- Homepage: https://github.com/git-kishan/rnative-picker#readme
- Issues: https://github.com/git-kishan/rnative-picker/issues
- npm.io page: https://npm.io/package/rnative-picker

## Recent versions

- 1.0.1 (latest) — 2021-04-04
- 1.0.0 — 2021-04-04

## README

# React native time picker
> # Installation
> npm i rnative-picker
##
##

![Alt Text](https://media.giphy.com/media/CIrMUH4pMwNOTcvH3C/giphy.gif)



#Small Example 

```sh

import React, {useState} from 'react';
import {SafeAreaView,Button} from 'react-native';
import Picker from 'rnative-picker';


export default App = () => {

  const [showPicker, setShowPicker] = useState(false);

  return (
    <SafeAreaView style={{flex: 1, justifyContent: 'center', alignItems: 'center'}}>
        <Button
          title="Show the Picker"
          color="#841584"
          onPress={()=>setShowPicker(true)}
        />
        
      <Picker 
         show={showPicker}                 
         onClose={(res)=>{                     // called on close the picker
             setShowPicker(false);             // Set showPicker to false (mandatory)
             console.log(res)}
             }  

         animationType="fade"                    
        #  cancelButtonStyle={{borderRadius : 2}}   // optional props
        #  cancelButtonTextStyle={{color : 'red'}}  
        #  pickerStyle={{height : '70%'}}      
        #  submitButtonStyle={{backgroundColor : 'red'}}
        # submitButtonTextStyle={{fontSize : 20}}      
       />

    </SafeAreaView>
  );
};


```

Props | Types
------------ | -------------
show | state (if true show the picker otherwise not) 
onClose | when picker closed, receives a callback with one parameter containing result. (mandatory  : change state value to false here to close the picker)
animationType  | value may be "fade" , "slide" ,"none"
cancelButtonStyle (optional)  | any valid style apply for view
cancelButtonTextStyle (optional)  | any valid style apply for view
pickerStyle (optional)  | any valid style apply on view
submitButtonStyle (optional)  | any valid style apply on view
submitButtonTextStyle (optional)  | any valid style apply on view

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