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 |