React Native + Redux Form: use el botón Siguiente del teclado para ir al siguiente campo de entrada de tex
Estoy usandoRedux Form (RF) en una aplicación React Native. Todo funciona bien, pero no puedo entender cómo obtener elrefs
desde elCamp input para ir al siguiente campo de entrada con Redux Form.
Sin RFest solución funcionaría bien.
Aquí está mi código:
class RenderInput extends Component {
const { input, nextField, refs,
meta: { touched, error, warning },
input: { onChange } } = this.props
render() {
return (
<Input
returnKeyType = {'next'}
onChangeText={onChange}
onBlur={input.onBlur}
onFocus={input.onFocus}
onSubmitEditing = {(event) => {
// refs is undefined
refs[nextField].focus()
}}/>
)
}
}
class Form extends Component {
render() {
return (
<Field
name="field1"
focus
withRef
ref='field1'
nextField = "field2"
component={RenderInput}/>
<Field
name="vendor"
withRef
ref="field2"
nextAction = "field3"
component={RenderInput}/>
)
}
}
Estoy pasando la propiedadnextField
al componente para determinar el siguiente campo de entrada cuando elNext
e hace clic en la tecla @ en el teclado pero no puedo obtener larefs
propiedad dentro de laRenderInput
componente
Cualquier idea de cómo obtener el referencias ¿propiedad