在不关闭本机键盘的情况下切换到下一个文本输入字段
shift to next text input field without closing keyboard in react-native
我有 6 个文本输入字段,当我单击任何文本输入字段时,首先文本输入字段关闭,我必须再次单击同一个输入字段才能再次打开它
有没有办法在不使用 returnKeyType="next"
的情况下切换到下一个输入字段,这样当我切换到任何输入字段时,键盘保持打开状态。
这是我的文本输入字段代码:
<View style={styles.inputContainer}>
<TextInput
ref='fname'
autoCorrect={false}
placeholder="First Name"
style={styles.textInput}
placeholderTextColor='#848484'
autoCapitalize='words'
maxLength={20}
onFocus={()=>context._handleScrollView(ReactNative.findNodeHandle(context.refs.fname))}
onBlur={()=>context._resetScrollView(ReactNative.findNodeHandle(context.refs.fname))}
onChangeText={(fname) => context.setState({fname: fname.capitalizeFirstLetter()})} />
</View>
我应该添加什么 属性 或某些方法或函数来解决这个问题?
你可能在卷轴里面。 ScrollView组件需要添加keyboardShouldPersistTaps:
When false, tapping outside of the focused text input when the keyboard is up dismisses the keyboard. When true, the keyboard will not dismiss automatically, and the scroll view will not catch taps, but children of the scroll view can catch taps. The default value is false.
<ScrollView
keyboardShouldPersistTaps
...
>
从 react-native 0.40 开始,正确的方法是 keyboardShouldPersistTaps='always'
、keyboardShouldPersistTaps
或 keyboardShouldPersistTaps=true
已弃用。
查看更多here
我有 6 个文本输入字段,当我单击任何文本输入字段时,首先文本输入字段关闭,我必须再次单击同一个输入字段才能再次打开它
有没有办法在不使用 returnKeyType="next"
的情况下切换到下一个输入字段,这样当我切换到任何输入字段时,键盘保持打开状态。
这是我的文本输入字段代码:
<View style={styles.inputContainer}>
<TextInput
ref='fname'
autoCorrect={false}
placeholder="First Name"
style={styles.textInput}
placeholderTextColor='#848484'
autoCapitalize='words'
maxLength={20}
onFocus={()=>context._handleScrollView(ReactNative.findNodeHandle(context.refs.fname))}
onBlur={()=>context._resetScrollView(ReactNative.findNodeHandle(context.refs.fname))}
onChangeText={(fname) => context.setState({fname: fname.capitalizeFirstLetter()})} />
</View>
我应该添加什么 属性 或某些方法或函数来解决这个问题?
你可能在卷轴里面。 ScrollView组件需要添加keyboardShouldPersistTaps:
When false, tapping outside of the focused text input when the keyboard is up dismisses the keyboard. When true, the keyboard will not dismiss automatically, and the scroll view will not catch taps, but children of the scroll view can catch taps. The default value is false.
<ScrollView
keyboardShouldPersistTaps
...
>
从 react-native 0.40 开始,正确的方法是 keyboardShouldPersistTaps='always'
、keyboardShouldPersistTaps
或 keyboardShouldPersistTaps=true
已弃用。
查看更多here