Take the 2-minute tour ×

Pretty simple one that I just seemingly can't find the answer to.

How can i change the iPhone statusbar (thin bar right at the top with the reception/batter etc) from default grey to black in my PhoneGap iPhone application?

Thanks, Glen

share|improve this question
add comment

3 Answers

up vote 28 down vote accepted

A PhoneGap-iPhone application is just a regular Xcode iPhone project.

Add UIStatusBarStyle:UIStatusBarStyleBlackOpaque to your Info.plist.

  1. Open your Xcode project (e.g. MyApp.xcodeproj)
  2. Open your Info.plist file (e.g. MyApp-Info.plist)
  3. Add a new row:
    • Key: Status bar style
    • Value: Opaque black style

If you are viewing the RAW Key/Value pairs, then use:


You can right-click in MyApp-Info.plist to toggle the RAW Key/Value pairs.

share|improve this answer
Perfect! Thank you! –  Nelga Oct 31 '10 at 6:55
add comment

just set

[UIApplication sharedApplication].statusBarStyle = UIStatusBarStyleBlackOpaque;
share|improve this answer
Thanks! where abouts do i set that option? –  Nelga Oct 29 '10 at 5:38
you can put it in - (void)viewDidLoad method –  Gyani Oct 29 '10 at 5:44
Thanks for that! Managed to figure it out, but yeah, the plist option ended up being the easiest way... it wrote itself –  Nelga Oct 31 '10 at 23:49
add comment

When a PhoneGap Project is created, there is an <ApplicationName>AppDelegate.m file created in the project.

Inside of the (void)viewDidLoad method, you can make modifications to the view however you choose.

share|improve this answer
add comment

Your Answer


