转换到下一个文本输入字段而不关闭react-native中的键盘

时间:2016-12-12 06:20:13

标签: javascript react-native textinput

我有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>

我应该添加什么属性或某种方法或功能来克服这个问题?

2 个答案:

答案 0 :(得分:6)

你可能在一个卷轴里面。您需要将keyboardShouldPersistTaps添加到ScrollView组件:

  

如果为false,则在键盘启动时点击聚焦文本输入外部会解除键盘。如果为true,键盘将不会自动关闭,滚动视图将不会捕获点击,但滚动视图的子项可以捕获点击。默认值为false。

<ScrollView
    keyboardShouldPersistTaps
    ...
>

答案 1 :(得分:2)

从本机0.40开始,正确的方法是keyboardShouldPersistTaps='always'keyboardShouldPersistTapskeyboardShouldPersistTaps=true已被弃用

查看更多here