在離子應用中隱藏導航欄

Question

在我的移動應用的登錄屏幕上，我想隱藏默認導航欄。我希望屏幕是全尺寸沒有任何標題欄。我看到下面的鏈接很多答案：

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?

但它並沒有解決實際問題。我可以隱藏導航欄，但空白空間是由頂部的導航欄拍攝的，並未被刪除。

任何線索？

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外（見下文）。