React native time picker

Installation

npm i rnative-picker

#Small Example

1
2import React, {useState} from 'react';
3import {SafeAreaView,Button} from 'react-native';
4import Picker from 'rnative-picker';
5
6
7export default App = () => {
8
9  const [showPicker, setShowPicker] = useState(false);
10
11  return (
12    <SafeAreaView style={{flex: 1, justifyContent: 'center', alignItems: 'center'}}>
13        <Button
14          title="Show the Picker"
15          color="#841584"
16          onPress={()=>setShowPicker(true)}
17        />
18        
19      <Picker 
20         show={showPicker}                 
21         onClose={(res)=>{                     // called on close the picker
22             setShowPicker(false);             // Set showPicker to false (mandatory)
23             console.log(res)}
24             }  
25
26         animationType="fade"                    
27        #  cancelButtonStyle={{borderRadius : 2}}   // optional props
28        #  cancelButtonTextStyle={{color : 'red'}}  
29        #  pickerStyle={{height : '70%'}}      
30        #  submitButtonStyle={{backgroundColor : 'red'}}
31        # submitButtonTextStyle={{fontSize : 20}}      
32       />
33
34    </SafeAreaView>
35  );
36};
37
38

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