React Native + Redux Form - Use o botão Avançar do teclado para ir para o próximo campo TextInput
Estou a usarRedux Form (RF) em um aplicativo React Native. Tudo funciona bem, mas não consigo descobrir como obter orefs
deCamp input para ir para o próximo campo de entrada com Redux For
Sem RFist solução funcionaria bem.
Aqui está o meu 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}/>
)
}
}
Estou passando na propriedadenextField
ao componente para determinar o próximo campo de entrada quando oNext
tecla @ do teclado é clicada, mas não consigo obter orefs
propriedade dentro doRenderInput
component.
Alguma idéia de como obter o refs propriedade?