Ionicアプリでnav-barを非表示にする

Question

私のモバイルアプリのログイン画面で、イオンでデフォルトのnav-barを非表示にしたいと思います。画面をフルサイズにして、ヘッダーバーがないようにします。

Good pattern for hiding ion-nav-bar on login and not having a back button just after login?

how to hide header bar in ionic?

しかし、それは実際の問題を解決しませんでした：私は、以下のリンク上の答えをたくさん見ました。私はnav-barを隠すことができますが、削除されていない上のnav-barによって空白スペースが取られます。

手がかりはありますか？

Answer 1

あなたは、CSSの助けを借りてそれを行うことができ、

<style> 
    .tab-nav, .bar-footer{ 
    display: none !important; 
    } 

.bar.bar-header { 
    display: none 
    } 

    .has-tabs-top { 
    top: 0px !important; 
    } 
    .has-tabs-bottom { 
    bottom: 0px !important; 
    } 
    .has-tabs, .bar-footer.has-tabs, .has-footer.has-tabs { 
    bottom: 0px; 
    } 
    /* custom header footer overrides */ 
    .custom-header, .custom-footer{ 
    display: block !important; 
    } 
</style> 

は、これは単に（下）ログインページのion-viewの外側に貼り付け、ヘッダフッタとタブバーを非表示になります。