React native 键盘避免查看不'；选择屏幕底部的文本输入框时，不要将视图移动到足够高的位置

这适用于使用react native创建的iOS应用程序。我正在使用

KeyboardAvoidingView

格式，其中包含一些

TextInput

字段。我观察到，当选择屏幕底部的

TextInput

字段时，视图移动的高度不足以容纳键盘

我创建了一个零食来演示这种行为（下面的链接）。我还观察到，在某些情况下，视图在一台iPhone上移动得足够高，但在另一台iPhone上移动得不够高。最初，iPhone 6S Plus报告了这个问题，用户报告说视图移动得不够高，无法容纳键盘，在这种情况下，他们无法看到在输入框中键入的内容。当我试图制作一种零食来重现这个问题时，我发现即使在iphone5s上我也能重现这个问题

在上面的小吃中，如果您单击值为

jug

的

TextInput

框，您应该会看到键盘与输入框重叠，并且不清晰可见。 我对快餐的质量感到抱歉。我只是试图创建一个最小的例子来重现这个问题

---

如何解决这个问题？

我也遇到过这个问题（在Android上）。它们的关键是：

视图不会自动识别应用程序框架顶部和正在渲染的

键盘avoidgView

顶部之间的偏移，因此如果该数字不为零，则视图自身移动不够

若要解决此问题，请添加一个显式的

键盘垂直偏移量
，如已知，如下所示

<KeyboardAvoidingView behavior={"position"} keyboardVerticalOffset={Constants.statusBarHeight}>



。。。或者将
键盘AVOIDGVIEW
移动到组件树的根目录下，使其上方没有偏移。
，滚动自己的组件通常更容易。请参见我的答案：
<KeyboardAvoidingView behavior={"position"} keyboardVerticalOffset={Constants.statusBarHeight}>