How to get a transparent status bar like the image shown below?

Question

I need a transparent status bar as shown in the image below.

I tried this,

UIView *statusBar = [[[UIApplication sharedApplication] valueForKey:@"statusBarWindow"] valueForKey:@"statusBar"];

if ([statusBar respondsToSelector:@selector(setBackgroundColor:)]) {
    statusBar.backgroundColor = [UIColor clearColor];
}

But this basically gives the same result as UIStatusBarStyleLightContent.

That should be how it looks by default... Can you show an image of how it looks for you? — DonMag, Aug 10 '17 at 16:18

Krunal · Accepted Answer · 2018-02-12T10:35:06.497

8

By default, status bar has transparent background, you just need to extend frame of your image, behind status bar.

Here is test snapshot for you. I've set UIImageView with red background color and custom image.

edited Feb 12 '18 at 10:35

answered Aug 10 '17 at 16:19

Krunal

77,632
48
245
261

4

_By default status bar has transparent background_ 1+ for this note – MHSaffari Feb 12 '18 at 10:34
Mine is set up to scaleAspectFill and is not like that. – Marlhex Oct 30 '19 at 18:29

score 2 · Answer 2 · answered Jan 28 '20 at 03:57

2

For anyone trying to get the imageView to go up into the "ears" of the "notch," make sure to select the imageView and its superView and set their top constraints to zero. The Interface Builder does not default the view into the notch's ears. It will have a top-layout-constraint (below the Status Bar) as default.

answered Jan 28 '20 at 03:57

Anthony Warner

19
3

This just saved me from hours of finding how to put a view behind the navigation bar/status bar. Thanks. – Dustin Catap Jul 04 '20 at 14:27
@DustinCatap Haha, that's what Stack Overflow is for! I probably did spend hours trying to figure that out But glad I could help! – Anthony Warner Jul 21 '20 at 22:29

How to get a transparent status bar like the image shown below?

2 Answers2