我是反应原生的新手。我有 3 个 TextInput 字段t1, t2, t3
。当达到极限时,我已经完成了对下一个输入字段的关注。现在我陷入了这样一种情况,即我的文本输入字段以某种方式受到关注t1
并且t1
已经达到其最大限制。但是当我按下另一个输入时,它不会专注于下一个输入字段t2
。
<TextInput
onChangeText={text => this.setState({ v1: text })}
keyboardType='number-pad'
maxLength={1}
autoCompleteType={'off'}
autoFocus={true}
ref={ref => this.v1Ref = ref}
onChange={event => {
if (event.nativeEvent.text !== '') {
this.v2Ref.focus();
}
}}
/>
<TextInput
onChangeText={text => this.setState({ v2: text })}
keyboardType='number-pad'
maxLength={1}
autoCompleteType={'off'}
ref={ref => this.v2Ref = ref}
onChange={event => {
if (event.nativeEvent.text !== '') {
this.v3Ref.focus();
}
}}
onKeyPress={({ nativeEvent }) => {
if (nativeEvent.key === 'Backspace') {
if(this.state.v2== '')
this.v1Ref.focus(); //here it is focusing on field t1 on backspace press and then if I am trying to give another input It's not going to t2 because t1 has reached its limit.
}
}}
/>