2017-07-03 52 views
1

我在我的视图中的键盘覆盖输入字段时遇到问题,当我在我的Android设备(我没有iOS设备上测试)上运行我的应用程序expo世博反应本地故障与键盘覆盖输入

我已经尝试了反应本机KeyboardAvoidingView和第三方react-native-keyboard-aware-scroll-view,但都没有做任何事情来解决问题。

我知道Native-Base演示应用程序称为Kitchen Sink,它有表单,所以我看着它,发现Google Play商店的版本工作正常。但是,当我查看应用程序的expo version时,我发现“表单”视图中的“永久地址”字段被键盘覆盖,而它在该应用的Google Play版本中平滑滚动查看。

有谁知道为什么商展版本无法正常工作?有没有人知道博览会一般会与覆盖输入字段的键盘争斗?

有没有一个通用的解决方案键盘覆盖世博会?

回答

2

我更改了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 - 转到“堆叠标签”示例。您可以看到它的源代码并尝试使用Create React Native App运行的演示,其格式为https://github.com/brentvatne/StackOverflow44876951

+0

Massive thank you!我在Slack和这里问了昨晚的这个问题,并且在我写完这个问题的时候在Slack上得到了第一个提示。我不得不离开,但我今天回来了,你已经给出了一个完整而完美的答案。这完全解决了我的问题。我对反应本土和博览会都很陌生,但我现在对社区印象深刻。再次谢谢你! –