How to overlap image on navbar ios

As everyone can see, in the top of the image has a blank status bar(white bar)

My question:

Its possible use my cover(image) over a status bar ?

My code:

profile.ts

<ion-content *ngIf="showLogin == false" no-bounce class="bg-modal">
    <div class="header-image">
        <img src="../assets/imgs/Tkm-resources/Capa.png" onerror="this.src = '../assets/imgs/Tkm-resources/Capa.png'"/>
    </div>

    <div class="main-content" text-wrap text-center>

        <div class="circular">
            <img no-border src=""
                 onerror="this.src='../../assets/imgs/person-flat.png'" (click)="changePicture()"/>
        </div>
        <h6 no-margin padding-top></h6>
        <span color="ticket-grey"></span>
        <div>
            <ion-row margin-top  (click)="onClickLogout()">
                <ion-icon name="ios-exit" item-left color="primary"></ion-icon>
                <span margin-left> Deslogar</span>
            </ion-row>
        </div>
    </div>
</ion-content>

from How to overlap image on navbar ios

How to overlap image on navbar ios 2019-03-14T10:19:00-07:00 Rating: 4.5 Diposkan Oleh: Admin