キーボードが開いているときにイオンタブが非表示にならない

Question

私はイオン開発を初めてやっています。私はフォームベースのアプリケーションを実装しています。キーボードが開いたら、タブはキーボードの上部に来ます。

キーボードが開いているときはいつでもタブを非表示にする必要があります。

先進的な..ありがとう！ここ

私のタブコード

<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> 

Answer 1

たちが適切にこの質問に対処するためには、あなたはより多くの情報を提供することができますか？あなたのバージョンのIonicやデバイス/ OSと同様に、この問題が発生していますか？また、あなたの[page] .tsコードのような関連コードをすべて含めてください。

このタブの問題は、まだ解決できなかったAndroidのcordovaの既知の問題です。しかし、あなたが試みることができる複数のdo-itあなた自身の回避策があります。

対処方法1：次のように トリガーCSSクラス誰かがクリック： <preference name="Fullscreen" value="true" />

回避策2が含まれるように<platform name="android">タグ内のあなたイオンconfig.xmlファイルを変更することで、Androidのでアプリのフルスクリーンを作りますタブを非表示にします。これを行う方法の例が必要な場合はhttps://github.com/ionic-team/ionic/issues/7047

Answer 2

あなたの問題がアンドロイドにある場合は、これが役に立ちます。 ionic config.xmlで、プラットフォーム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キーボードと同じか似ています