在React Native中打开键盘时如何在屏幕上向上移动所有组件？

Question

我有两个部分：黑色和红色。

打开键盘后，只有红色部分向上移动。黑色组件没有移动。这意味着红色组件会堆叠在黑色组件上。如何使两者向上移动相同的高度？

我在世博会上做了点心。 链接：https://snack.expo.io/@qngnud/fcda3e

Answer 1

您可以通过为底部组件（minHeight）设置Red来解决此问题。 打开键盘后，屏幕高度会变小，并且flex: 3和flex: 2组件的样式为Black和Red，底部组件也会变小并且没有空间表单元素。

根据您的用例和您需要在Black组件中显示的内容，选择适当的minHeight值。

选中https://snack.expo.io/zxZxvX0Ol