Picker does not appear

I'm using your example code "MyPicker" no matter what I try, the Picker does not show. I'm using iOS. My code, which is essentially your example. What has changed?
```javascript
import React from "react";
import { Button, TextInput, Text, View } from "react-native";
import {Formik} from 'formik'
import {compose} from 'recompose'
import makeInput, {handleTextInput,
withNextInputAutoFocusForm,
withNextInputAutoFocusInput,
KeyboardModal,
withPickerValues
} from 'react-native-formik'
import { TextField } from "react-native-material-textfield";
import * as Yup from 'yup'

const FormikInput = compose(
handleTextInput,
withNextInputAutoFocusInput
)(TextField)

const MyPicker = compose(
makeInput,
withPickerValues
)(TextInput)

const InputsContainer = withNextInputAutoFocusForm(View)

const validationSchema = Yup.object().shape({
email: Yup.string()
.required()
.email("That's not a valid email"),
password: Yup.string()
.required()
.min(3, "That's too small"),
gender: Yup.string()
})

export default ThisForm => (
{KeyboardModal.dismiss(); console.log(values)}}
validationSchema={validationSchema}
>
{props => {
return (






{/* {JSON.stringify(props, null, 2)} */}

)
}}

)
```