时间戳

首页 > 解决方案 > 反应本机键盘

react-native - 反应本机键盘

问题描述

当 texInput 专注于 react-native 时，当键盘打开时，我的标题会离开屏幕。我无法在 android manifest.xml keyboardSoftINputMode 中进行更改以调整大小。因为如果我调整调整大小，那么keyboardAwareScrollView 不起作用。

请建议我一种方法，以便当我的 TextInput 聚焦时，我的标题不会离开屏幕。这发生在 react-native 中。

标签： react-nativetextinput

解决方案

您可以使用KeyboardAvoidingView在 TextInput 突出显示时自动调整可见区域的大小。

用法：只需将您的顶级<View>或其他组件包装在您App的render()函数中<KeyboardAvoidingView>：

import {KeyboardAvoidingView} from 'react-native';

...
<KeyboardAvoidingView>
  ... your UI ...
</KeyboardAvoidingView>;

推荐阅读