How to create Tab Bar Layout in an iOS App?

Last updated Oct 27, 2021

You can see how one can use tab bar layout in their application.

A tab bar appears at the bottom of an app screen and provides the ability to quickly switch between different sections of an app. Tab bars are translucent, may have a background tint, maintain the same height in all screen orientations, and are hidden when a keyboard is displayed. A tab bar may contain any number of tabs, but the number of visible tabs varies based on the device size and orientation.

 

https://developer.apple.com/design/human-interface-guidelines/ios/bars/tab-bars/

 

So let’s get started,

Step 1 − Create a new single view application and name it “TabBarController”

Step 2 − Open your Main.storyboard and add tab view from object library, as shown in the figure

 

Step 3 − Delete the existing view controller from storyboard, and go to new file and create new file with name, SecondViewController.

Step 4 − Navigate to storyboard and add the classes for both the view controller, for item 1, add ViewController.swift and for item 2 add SecondViewController.swift as shown below

Step 5 − Now change the background color of both the viewcontroller to grey and black.

Step 6 − Do not forget to check in tab bar controller as initial view controller.

Step 7 − Run the project.