Navbar acting strange on both iOS and Android

[ramon]

Try with this HTML to solve Android issue:

<ion-header>
    <ion-navbar hideBackButton color="pastelblue">        

        <ion-buttons start>
            <button ion-button icon-only>
                <ion-icon name="swap"></ion-icon>
            </button>
        </ion-buttons>
        
        <ion-title>
            myTasks
        </ion-title>
        
        <ion-buttons end>
            <button ion-button icon-only end>
                <ion-icon name="add-circle"></ion-icon>
            </button>
        </ion-buttons>        

    </ion-navbar>
</ion-header>

<ion-content padding>

</ion-content>

iOS issue is duplicated:

Padding top on ion-navbar for lab iOS

Hello guys, I’m trying to build a very simple navbar here, but the padding-top of it on iOS is by far very different from what I’m planning. What I need is: [33 AM] What I currently have is: [12 AM] Despite the fact that there’re still some style missing, for buttons / font, as you can see in my sample my navbar is currently overriding iOS default bar. So, the source code that I currently have is quite simple: <ion-navbar> <ion-buttons end> <button ion-button icon-only> <i…