The full component for RenderPicker

RenderPicker.jsx

import React from 'react'
import { View, StyleSheet, Text, Picker } from 'react-native';

class RenderPicker extends React.Component {
  constructor(props) {
    super(props)
    this.state = {
      value: 'Selecione'
    }
  }

  render() {
    const { input: { onChange, value }, children, meta: { touched, error } } = this.props
    return (
    touched && error ?
      <View>
        <Picker 
          prompt='Selecione'
          selectedValue={ this.state.value }
          onValueChange={ value => {
            onChange(value)
            this.setState({ value })
          }
        }>
          { children }
        </Picker>
        <Text>É necessário selecionar uma categoria</Text>
      </View>
      :
      <View>
        <Picker 
          prompt='Selecione'
          placeholder="Selecione"
          selectedValue={ this.state.value }
          onValueChange={ (value, index) => { onChange(value)
            this.setState({ value })
            }
          }
        >
          { children }
        </Picker>
      </View>
    )    
  }
}

const styles = StyleSheet.create({
  input: {
    width:'100%'
  }
});

export default RenderPicker

how to push the values (from 1 to 100) in a picker