Question

我的应用程序中的覆盖组件上有一个TextInput。打开键盘后，包括TextInput在内的屏幕将被覆盖一半。我确实尝试过KeyboardAvoidingView组件，但无法使TextInput完全可见。当在react-native中启用键盘时，我需要一些有关如何在Overlay中移动组件的建议

Answer 1

如果您已经发布了代码，将会更容易回答，但仍然

keyboardAvoidview解决了视图的常见问题，这些视图需要移出虚拟键盘。它可以根据键盘的位置自动调整其位置或底部填充

只需在最大视图下添加

<KeyboardAvoidingView style={styles.container} behavior="padding" enabled>
 all ur ui inside this...
</KeyboardAvoidingView>

Answer 2

有一个名为keyboardVerticalOffset的道具，那是用户屏幕顶部和反应本机视图之间的距离。

<KeyboardAvoidingView style={styles.container} behavior="padding" enabled keyboardVerticalOffset={offsetValue}>
  ... your UI ...
</KeyboardAvoidingView>;

在某些使用情况下， keyboardVerticalOffset 的值可能不为零。但您可以尝试增加一些价值。

如果您想了解更多有关在本机check this中使用键盘的信息

键盘盖覆盖屏幕的一半

2 个答案: