How To Customize The Navigation Bar? An iOS Tutorial

How To Customize The Navigation Bar? An iOS Tutorial

 Hey everyone, Hope you all are doing great. In this small and very basic iOS tutorial, I'll guide you how you can customize your app's navigation bar. After reading this post, you will be able to change the colours of your navigation bar, add image view as title in navigation bar, how to add bar button items, how to change the colours of bar button items etc. So, let's get started. :)

First of all, as usual, open your Xcode and create a new Single View Application as shown in the image below:



Give some name to your product, add other details like organization name, organization identifier etc. Make sure to choose Swift as the language and hit on Next button.



So now, as we need to customize our navigation bar so first we have to embed our view controller in Navigation Controller. For that, Go to storyboard and select your View Controller. Now from the Xcode menu bar, choose Editor > Embed In > Navigation Controller.




After this your View Controller will look like this:


Now, we will add two bar button items in our navigation bar in both left and right corners. For that, just go to the Object Library, choose Bar button item and give it some name like "Left Item". Again, add one more bar button item from object library and give it some name like "Right Item".


Now we also want to add/show some image in the centre of our navigation bar, so for that, first add an image to your assets folder. Just open the Assets Library and drag your chosen image into it.

Now Go to your ViewController.swift file and add viewDidApear() Method. Under this method, add following lines of code. (I've commented the use of each line of code for your better understanding in this code snippet. )

Now run your app and you'll get something like this on your screen.


That's all for today's post about customizing the navigation bar of your iOS apps. It was easy and simple to do. I hope you enjoyed.

If you've any doubts or need any further help, then do message me in the comments section below and I'll try to respond you as soon as possible.

Thanks for your time and keep coding.. 👨‍💻

Comments

Post a Comment

Popular posts from this blog

PayPal Integration In iOS Applications | Payment Gateways iOS/Swift

Image
PayPal Integration In iOS Applications | Payment Gateways iOS/Swift Hey everyone, In today's post, we'll learn about how to integrate PayPal SDK in iOS apps. These days, there's a huge increase in the eCommerce business. With this increase, there's also getting a high demand of eCommerce mobile apps. The most important part of any eCommerce mobile app is the payment processing through a secure payment gateway. Without any secure payment gateway , no user will trust on your mobile app and hence no one wants to use their payment methods with your app. So, a secure and reliable payment gateway is must for every eCommerce mobile app. And when it comes to reliability and security who can ever forget PayPal ??? So, In this tutorial, I'll guide you through a step by step approach to integrate PayPal Payment Gateway into any iOS application using Swift as the language. I hope you'll like it. And Yes, Bring yourself a cup of coffee, this tutorial is going to ta
Read more

MacBook Magic: Exploring the Enchanting World of Apple's Laptops

Image
Apple's MacBook range has cemented a significant position in the rapidly developing world of technology by enticing consumers with its svelte design, cutting-edge capabilities, and unparalleled performance. MacBook has evolved from a device for casual users to a tool for creative professionals. In this post, we'll delve into the fascinating world of Apple laptops, learning about their origins, unique qualities, and the reasons why millions of people around the world adore them? 1. A Synopsis of MacBook History The iBook and PowerBook series was replaced by the first-ever MacBook, which was introduced by Apple in 2006. This revolutionary laptop was the first to use an Intel processor, which increased its power and efficiency compared to its forerunners. Since then, Apple has made constant improvements to its MacBook family, pushing the limits of functionality, aesthetics, and use. 2. The MacBook Family: Sorting Through the Choices Apple has a wide selection of MacBook mod
Read more

Convert Swift Code To Kotlin Using SwiftKotlin Mac Tool

Image
Convert Swift Code To Kotlin Using SwiftKotlin Mac Tool Today, In this post, I am bringing you one very useful and easy to operate Mac tool for converting your Swift code to Kotlin very efficiently. Kotlin is general purpose, open source, statically typed programming language for the JVM and Android which combines both the functional and Object-oriented programming features. It has similar syntax as of Swift language. It provides almost all of the swift programming language features like optionals, generics, extensions, etc. Using this powerful SwiftKotlin tool you can automatically transform the Swift code into Kotlin with very less efforts or tweaks to the code (like to adapt the code for android specific libraries). Below is the image showing the SwiftKotlin tool in running: You can get this tool from  here on GitHub.  Hope it helps! I am sure, you'll love this tool for saving your time and efforts writing your Swift code into Kotlin and learning this moder
Read more