CODEWITHSUNDEEP
ionic-frameworkionic2ionic3
ir2pid
ir2pid

Reputation: 6176

Ionic handle fullscreen in iphone notch

I'm trying to add a fullscreen view but the notch area gets a white bar

enter image description here

page.html

<ion-content>
  <ion-slides>
    <ion-slide>
        <div/>
    </ion-slide>
    <ion-slide>
        <div/>
    </ion-slide>
    <ion-slide>
        <div/>
    </ion-slide>
    <ion-slide>
        <div/>
    </ion-slide>
  </ion-slides>
</ion-content>

how do I extend the background image to the notch area?

Upvotes: 2

Views: 336

Answers (1)

Jain Bhavesh
Jain Bhavesh

Reputation: 578

Add preference for staus bar

<preference name="StatusBarStyle" value="color" />

Upvotes: 2

Related Questions