Creating a Custom Navigation Bar

Often times, we want to create our own Navigation Bars in order to get the right look for our app.
Nav Bar Sim example

Step 1: Add and Setup NavigationController

Using Navigation Controllers

Step 2: Add Nav Bar Image and Button in Storyboard

  • With the NavigationController selected, go to the properties pane and uncheck, "Show navigation bar".
  • Drag an ImageView containing your custom navigation bar image to the top of each ViewController.
  • Add a button on top of the "Back" part of the navigation bar image and delete the button text. Add Nav Bar

Step 3: Configure Back Button

Step 4: Run your app!

Fork me on GitHub