A simple iOS and Android picker for React Native
npm install react-native-prefix-picker
npm i react-native-prefix-picker --save
`Demo

Usage
`
import React, {
Component,
View,
Text,
} from 'react-native';
import { Select} from 'react-native-prefix-picker';class Login extends Component {
constructor(props) {
super(props);
this.state = {
prefix: '',
};
}
render() {
return (
style={{
flex: 1,
backgroundColor: 'white',
marginTop: 80,
padding: 20,
}}
>
style={{
width: 80,
height: 64,
marginRight: 8,
}}
styleLabel={{
fontSize: 14,
}}
styleValue={{
fontSize: 14,
}}
transparent
onSubmit={(option) => {
this.setState({
prefix: option,
});
}}
/>
style={{
fontSize: 40,
textAlign: 'center',
margin: 10,
color: '#f87f1d',
}}
>
TEST
);
}
}
export default Login;
``##### Picker:
| Property | Type | Default | Description |
|---------------|----------|--------------|----------------------------------------------------------------|
| style | object | | Custom styles to be applied if supplied |
| styleLabel | object | | Custom styles to be applied if supplied |
| styleValue | object | | Custom styles to be applied if supplied |
| itemStyle | object | | Custom styles to be applied if supplied. |
| buttonColor | string | #007AFF | Custom styles to be applied if supplied. |
| disabled | bool | false | If true, disable all interactions for this component. |
| selectedValue | string | null | The default value. |
| onSubmit | function | required | function will be called when item button is pressed |
| transparent | bool | false | Transparent style for Modal |