Facebook Twitter Gplus LinkedIn RSS
Home » Blog » iOS NavBar & TabBar Dimensions

iOS NavBar & TabBar Dimensions

Published on April 1st, 2012

Recently I’ve been using the PhoneGap NativeControls for the TabBar instead of jQuery’s buggy fixed footer implementation. When designing an App, you try very hard as a developer not to use fixed dimensions because if every rumor is correct, the next iDevice will have a larger screen (ain’t that always the case?). However, it can be hard to avoid at times. It is important to know the default size of the Nav and Tab Bars.

Here they are:

Status Bar 20 pts
Navigation Bar 44 pts
Nav Bar Image / Toolbar Image up to 20 x 20 pts
Tab Bar 49 pts
Tab Bar Icon up to 30 x 30 pts
Text Field 31 pts
Portrait Keyboard height 216 pts
Landscape Keyboard height 162 pts

About the Author: Sprawl

Stephen Russell is a Mobile App developer and all around IT geek that spends his days running data centers and his nights coding. This site is the go to place for all of zSprawl's work and the infamous development blog. In his free time, he enjoys tinkering with web code, playing video games, and otherwise plotting to take over the Internets.


Leave a Reply

Your email address will not be published. Required fields are marked *

© 2012 zSprawl's zApps

Fork me on GitHub