如何在Native Base上打开键盘时避免双击?

时间:2017-06-22 13:37:33

标签: android ios react-native native-base

这是关于React Native应用程序的Native Base框架的问题:

想象一下订阅屏幕; 1个文本输入和一个订阅按钮;

输入我的电子邮件地址后,我想点击订阅按钮,但我的第一次点击只关闭了键盘,我需要再次点击按下按钮。这怎么可以避免?我的预期行为是第一次点按是按下按钮。 (据我所知,这是< Content>组件,但我不确定。)

(我已经在原生厨房水槽应用上检查了这个问题,同样的问题也出现在那里。只需转到:'表格和输入'部分,看看'固定标签' )

3 个答案:

答案 0 :(得分:6)

将此作为内容组件的道具传递。

< Content keyboardShouldPersistTaps='always'>

答案 1 :(得分:2)

如果您使用< Content keyboardShouldPersistTaps='always'>,键盘在选择按钮后或在输入字段外点击时不会消失。如果在输入字段外部点击,确保键盘消失,请使用

< Content keyboardShouldPersistTaps='handled'>

但是,如果选择一个按钮(而不是屏幕的空白部分),即使按钮的onPress事件将被触发,键盘也不会消失。要在按下按钮后使键盘消失,按钮的onPress处理程序应调用

Keyboard.dismiss()

不要忘记包含import语句:

import { Keyboard } from 'react-native';

有关详细信息,请参阅https://facebook.github.io/react-native/docs/scrollview.html#keyboardshouldpersisttaps

答案 2 :(得分:0)

keyboardShouldPersistTaps 此属性现在存在于 ScrollView 中。

<ScrollView keyboardShouldPersistTaps="always">
     {..content or component}
</ScrollView>

有关更多详细信息,请访问官方文件

https://facebook.github.io/react-native/docs/scrollview#keyboardshouldpersisttaps