Ionic handle fullscreen in iphone notch

Ionic Framework ionic-v3
1

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?

2

hi,try following step

  1. In Xcode, open project navigator and go to Resources > Images.xcassets > LaunchStoryBoard.
  2. Scroll down, you will find splash.png in “Unassigned section”. Right click it select and “show in Finder”. If you don’t find any image in unassigned section, you can use splash.png from ‘resources’ folder.
  3. Drag and drop spash.png in ‘3x any width any height’ in “Universal section”
  4. Got to root project, in general tab > App icons and launch images, change:
  • Launch Image source to “Don’t use assets catalog”
  • Launch Screen FIle to “CDVLaunchscreen.storyboard”
3

Dear @ir2pid
read this link for handle your status bar