键盘覆盖输入的 Expo react-native 问题

Question

当我在我的 android 设备上的expo 中运行我的应用程序时，我遇到了键盘覆盖视图中输入字段的问题（我没有要测试的 iOS 设备）。

我已经尝试了 react-native KeyboardAvoidingView 和第三方 react-native-keyboard-aware-scroll-view 但都没有解决问题。

我知道名为 Kitchen Sink 的 Native-Base 演示应用程序中有表单，所以我查看了它，发现Google Play商店中的版本运行良好。然而，当我查看应用程序的世博版时，我发现“表单”视图上的“永久地址”字段被键盘覆盖，而它在应用程序的 Google Play 版本上平滑滚动到视图中。

有人知道为什么世博会版本不能正常工作吗？有人知道世博会是否通常会在键盘覆盖输入字段方面遇到困难？

世博会是否有通用的解决方案键盘覆盖？

Answer 1

我将 NativeBase Kitchen Sink 应用程序更改为具有以下配置。同样的事情适用于任何 Expo 应用程序：

"expo": {
  "name": "NativeBase Kitchen Sink",
  "description": "Example of NativeBase components",
  "slug": "native-base-kitchen-sink",
  "version": "1.0.0",
  "sdkVersion": "18.0.0",
  "androidStatusBar": {
    "backgroundColor": "#000000"
  }
}

关键部分是"androidStatusBar"与"backgroundColor"集。这将使应用程序的布局在键盘出现时自动调整。

您可以在以下位置尝试：https : //exp.host/@community/native-base-kitchen-sink——转到“堆叠标签”示例。您可以在https://github.com/brentvatne/StackOverflow44876951 上查看它的源代码并尝试使用 Create React Native App 运行的演示