How do I add a navigation bar to my storyboard?

Main Storyboard scene setup

1. Select your view controller and choose Editor > Embed In > Navigation Controller:
2. Next, you need to search for a Bar Button Item from the Object Library in the Utilities Pane.
3. Then change the System Item property from “Custom” to “Add”:

How do I add a navigation bar to a table view controller?

Here’s how to do it:

1. Drag a blank View (an instance of UIView) from the Library to the area near the top of the Table View.
2. Drag a Navigation Bar from the Library and drop it on the blank View you just added.
3. Drag a Bar Button Item from the Library and drop it onto the Navigation Bar.

How to add tab bar and navigation bar to a storyboard?

In your Storyboard, you should drag out a Tab Bar Controller and use that as the initial view controller. Then, you should embed each of the view controllers attached to the Tab Bar Controller inside Navigation Controllers (Editor menu: Embed In > Navigation Controller). Afterward, your Storyboard should look something like this:

How to use storyboard to build navigation controller?

Go back to the Storyboard. Press and hold the Control key on your keyboard, select the “Table View” and drag to the View Controller icon. Your screen should look like this: Release both buttons and a pop-up shows both “dataSource” & “delegate”. Select “dataSource” to make a connection between the Table View and its data source.

How to add table view to navigation controller?

Hit the “Run” button and you should get an app with a blank view but added with a navigation bar. This shows you’ve successfully embed your RecipeBook View Controller in a Navigation Controller. Next, we’ll add a table view for displaying our recipes. Select “Table View” in Object Library and drag it into “Recipe Book View Controller”.

How do you add a button to the navigation bar?

Select your view controller and choose Editor > Embed In > Navigation Controller: Next, you need to search for a Bar Button Item from the Object Library in the Utilities Pane. Once you find it in the list, drag one up to the upper-right of the navigation bar: