Exccess padding show above ion navbar on is simulator and devices

Ionic Framework ionic-v3
1

exccess padding show above ion navbar on is simulator and devices In browser its working fine no issue at all. here is screen shot of the app you can see extra space between statusbar and title.

image
IMG_5070.PNG640×1136 51 KB

my ionic info

global packages:

@ionic/cli-utils : 1.3.0
Ionic CLI        : 3.3.0

local packages:

@ionic/app-scripts              : 1.3.7
@ionic/cli-plugin-ionic-angular : 1.3.0
Ionic Framework                 : ionic-angular 3.3.0

System:

Node       : v7.10.0
OS         : macOS Sierra
Xcode      : Xcode 8.3.2 Build version 8E2002
ios-deploy : 1.9.1
ios-sim    : 5.0.13
2

found the problem may will help for somebody for i was trying to add background color for status bar i used following config.xml setting which was creating problem.

<preference name="StatusBarOverlaysWebView" value="false" />