2017-07-03 48 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上得到了第一個提示。我不得不離開,但我今天回來了,你已經給出了一個完整而完美的答案。這完全解決了我的問題。我對反應本土和博覽會都很陌生,但我現在對社區印象深刻。再次謝謝你! –