{"id":670,"date":"2012-04-01T11:18:59","date_gmt":"2012-04-01T18:18:59","guid":{"rendered":"http:\/\/zsprawl.com\/iOS\/?p=670"},"modified":"2012-04-01T11:21:33","modified_gmt":"2012-04-01T18:21:33","slug":"ios-navbar-tabbar-dimensions","status":"publish","type":"post","link":"http:\/\/zsprawl.com\/iOS\/2012\/04\/ios-navbar-tabbar-dimensions\/","title":{"rendered":"iOS NavBar &#038; TabBar Dimensions"},"content":{"rendered":"<p>Recently I&#8217;ve been using the <a href=\"http:\/\/zsprawl.com\/iOS\/2012\/03\/using-the-native-tabbar-plugin-in-cordova\/\">PhoneGap NativeControls<\/a> for the TabBar instead of jQuery&#8217;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&#8217;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. <\/p>\n<p>Here they are:<\/p>\n<table>\n<tr>\n<td>Status Bar<\/td>\n<td>20 pts<\/td>\n<\/tr>\n<tr>\n<td>Navigation Bar<\/td>\n<td>44 pts<\/td>\n<\/tr>\n<tr>\n<td>Nav Bar Image \/ Toolbar Image<\/td>\n<td>up to 20 x 20 pts<\/td>\n<\/tr>\n<tr>\n<td>Tab Bar<\/td>\n<td>49 pts<\/td>\n<\/tr>\n<tr>\n<td>Tab Bar Icon<\/td>\n<td>up to 30 x 30 pts<\/td>\n<\/tr>\n<tr>\n<td>Text Field<\/td>\n<td>31 pts<\/td>\n<\/tr>\n<tr>\n<td>Portrait Keyboard height<\/td>\n<td>216 pts<\/td>\n<\/tr>\n<tr>\n<td>Landscape Keyboard height<\/td>\n<td>162 pts<\/td>\n<\/tr>\n<\/table>\n","protected":false},"excerpt":{"rendered":"<p>Recently I&#8217;ve been using the PhoneGap NativeControls for the TabBar instead of jQuery&#8217;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&#8217;t that always the case?). However, it can <a href=\"http:\/\/zsprawl.com\/iOS\/2012\/04\/ios-navbar-tabbar-dimensions\/#more-'\" class=\"more-link\"><br \/>more \u00bb<\/a><\/p>\n","protected":false},"author":318,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[24,3],"tags":[9,40],"class_list":["post-670","post","type-post","status-publish","format-standard","hentry","category-blog","category-ios-development","tag-development","tag-xcode"],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/posts\/670"}],"collection":[{"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/users\/318"}],"replies":[{"embeddable":true,"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/comments?post=670"}],"version-history":[{"count":8,"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/posts\/670\/revisions"}],"predecessor-version":[{"id":678,"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/posts\/670\/revisions\/678"}],"wp:attachment":[{"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/media?parent=670"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/categories?post=670"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/tags?post=670"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}