當鍵盤打開時，離子選項卡不會被隱藏

我是新來的離子發展。我實現基於窗體的應用程序。無論何時打開鍵盤，我的標籤都會顯示在鍵盤的上方。當鍵盤打開時，離子選項卡不會被隱藏

需要隱藏標籤，每當鍵盤打開。請幫助我。

謝謝你的高級..！

這裏我的標籤代碼

<style> 
.keyboard-open .hide-on-keyboard-open { 
    display: none; 
} 
.keyboard-open .tabs.hide-on-keyboard-open + .pane .has-tabs, .keyboard-open .bar-footer.hide-on-keyboard-open + .pane .has-footer { 
    bottom: 0; 
} 
</style> 

<ion-view view-title="{{headerObj.produceDetails}}" hide-back-button="true"> 

    <ion-content> 
    <form role="form" name="myForm"> 
     --------- 
    </form> 

    </ion-content> 

    <div class = "tabs tabs-icon-bottom tabs-striped tabs-color-gray hide-on-keyboard-open"> 
    <a class = "tab-item" ui-sref="app.farmerHome"> 
     <i class = "icon ion-home"></i> 
     {{headerObj.home}} 
    </a> 

    <a class = "tab-item" ui-sref="app.farmersideRecords"> 
     <i class = "icon ion-compose"></i> 
     {{headerObj.records}} 
    </a> 

    <a class = "tab-item" ui-sref="app.farmerSideDiscussions"> 
     <i class = "icon ion-person-stalker"></i> 
     {{headerObj.discussions}} 
    </a> 
    <a class = "tab-item" ui-sref="app.farmerMaps"> 
     <i class="icon ion-map"></i> 
     {{headerObj.map}} 
    </a> 

    <a class = "tab-item" ui-sref="app.farmerSettings"> 
     <i class = "icon ion-gear-b"></i> 
     {{headerObj.settings}} 
    </a> 

    </div> 
</ion-view>

來源

2017-09-27 sweety

對於我們妥善解決這個問題，你可以提供更多的信息？像你的Ionic版本和設備/ os你有這個問題？另外，請包含所有相關代碼，例如您的[page] .ts代碼。

只是爲了您的信息，這個標籤問題是一個已知的問題，他們還沒有能夠修復Android的cordova。但是，您可以嘗試多種自己動手做的解決方法。像下面這樣：

解決方法1：請在您的Android應用程序全屏由<platform name="android">標籤中修改您的離子config.xml文件包括<preference name="Fullscreen" value="true" />

解決方法2：觸發CSS類，當有人點擊輸入，隱藏標籤。如果你想要這樣做的例子見https://github.com/ionic-team/ionic/issues/7047

來源

2017-09-27 17:54:13 DaTa

如果你的問題是在Android上，這可以幫助你。在離子config.xml中，在platform name =「android」標記中添加以下行。

<platform name="android"> 
    <edit-config file="AndroidManifest.xml" mode="merge" target="/manifest/application/activity"> <activity android:windowSoftInputMode="adjustPan" /></edit-config> 
    ...the rest of the android configs... 
</platform>

這將防止鍵盤推高一切，並簡單地覆蓋內容上的鍵盤。所以行爲將與ios鍵盤相同或相似

來源

2017-09-29 18:50:44

請不要在多個問題上發佈相同的答案。你的答案需要專門針對每個問題。如果多個問題是彼此重複的，請將它們標記爲這樣，而不是用相同的答案回答它們。 – meagar

當鍵盤打開時，離子選項卡不會被隱藏

回答

相關問題