Question

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

我尝试过本机的KeyboardAvoidingView和第三方react-native-keyboard-aware-scroll-view，但都没有做任何事情来解决这个问题。

我知道Native-Base演示应用程序名为Kitchen Sink，其中包含表单，所以我查看了它，发现Google Play商店的版本运行正常。但是，当我查看应用的expo version时，我发现“表单”视图中的“永久地址”字段被键盘覆盖，同时它可以平滑地滚动到应用的Google Play版本上。

有谁知道为什么世博会版本无法正常运作？有没有人知道世博会是否一直在与输入字段的键盘挣扎？

在世博会中是否有一般的解决方案键盘？

Answer 1

我更改了NativeBase Kitchen Sink应用程序以进行以下配置。同样的事情适用于任何世博会应用程序：

"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 - 转到＆＃34; Stacked Label＆＃34;例。您可以在https://github.com/brentvatne/StackOverflow44876951

尝试使用Create React Native App运行的演示文稿的源代码。

通过键盘覆盖输入，世博会反应本土问题

1 个答案: