键盘可见时无法单击按钮 - 本机反应

Question

我有一个 textInput 和一个按钮。当 textInput 聚焦时，键盘会出现，但如果您在键盘可见的情况下点击按钮，首先键盘会消失，然后只有您可以点击按钮。为什么？我怎样才能让它工作，以便可以在键盘可见的情况下点击按钮？在 android studio（android native）中开发的应用程序可以获得键盘可见的点击监听器。但是在本机反应中，它不起作用。如果你点击按钮以外的任何地方，那么键盘应该消失，不是吗？但是如果你在键盘可见的情况下点击按钮，btn 应该接收到监听器。我正在 android 台设备上进行测试。

P.S 你可以在这里试试：https://snack.expo.io/@codebyte99/addcomponents

<TextInput
    placeholder={'Type smth'}
    style={[{ borderBottomColor: 'gray', borderBottomWidth: 1 }]}
/>

<TouchableOpacity onPress={() => { this._onPressOut(); }}>
  <Text>click here</Text>
</TouchableOpacity>

Answer 1

滚动视图包含一个属性 keyboardShouldPersistTaps，它处理滚动视图内的键盘敲击行为。

对于你的情况，将其作为 <ScrollView keyboardShouldPersistTaps='handled'>

这里是展览会linkscrollview with keyboard

Answer 2

仅供参考：如果您正在使用 react-native-keyboard-aware-scroll-view，您需要这样做：

<KeyboardAwareScrollView keyboardShouldPersistTaps="always">

Answer 3

作为@thakur-karthik 回答的补充：

请务必注意，在滚动视图场景中，当您在 react-native 模态中使用滚动视图时，会出现一些奇怪的情况。

仅在模式 的滚动视图上添加 keyboardShouldPersistTaps={'always'} 是行不通的。

如果您在任何祖先中有滚动视图，它们必须也在其组件

上声明keyboardShouldPersistTaps={'always'}

键盘可见时无法单击按钮 - 本机反应

Button can't be clicked while keyboard is visible - react native

react-native

react-native-android