Move Tab Bar to top of screen

Question

I have a Tab Bar Controller which, as we know, displays the tab bar at the bottom of the screen. I'm looking for a way to move it to the top. I don't think I can use a simple UITabBar for this as I need to nest UINavigationControllers under it.

Is there any way to move the Tab Bar in a UITabBarController to the top of the screen?

Answer 1

Try this code in methods "viewDidLayoutSubviews" your UITabBarController

Swift 2.X

  self.tabBar.frame = CGRectMake(0,0,320,50) //example for iPhone 5

Swift 3.X

  self.tabBar.frame = CGRect(0,0,320,50) //example for iPhone 5

Swift 4.X

  self.tabBar.frame = CGRect( x: 0, y: 0, width: 320, height: 50)  //example for iPhone 5

Answer 2

(in Swift)

In the TabBarViewController.swift file (everyone has named this file as he wants):

• First: create an IBOutlet of a tab bar and then connect it to the appropiate tab bar in the storyboard or in the nib file.

  @IBOutlet var profileTabBar : UITabBar!
  

• Second: add this code in the viewDidLoad() function to situate the tab bar where you want (in this case I add de tab bar under the navigation controller). To modify the position change x and y of CGRectMake initializer.

  // [Maybe you don't have a navigation controller] yNavBar indicates the height of the navigation bar. 
  var yNavBar = self.navigationController?.navigationBar.frame.size.height
  // yStatusBar indicates the height of the status bar 
  var yStatusBar = UIApplication.sharedApplication().statusBarFrame.size.height
  // Set the size and the position in the screen of the tab bar
  profileTabBar.frame = CGRectMake(0, yNavBar! + yStatusBar + profileTabBar.frame.size.height, profileTabBar.frame.size.width, profileTabBar.frame.size.height)