How To Make Your SwiftUI Navigation Bar Look Awesome!

SwiftUI Tutorial. Navigation bar tutorial. How to create, add, change, customize, color, and hide navigation bars in SwiftUI.

Watch This Next:    • How to change navigation back button to im...  

This video shows you how to completely customize navigation bars in SwiftUI.

Answers questions like:
How to make a custom navigation bar in SwiftUI?
How to hide navigation bar SwiftUI?
How to add navigation bar SwiftUI?
How to change navigation bar color in SwiftUI?
How make navigation bar in SwiftUI?
How to make navigation bar in SwiftUI?


Video Links
https://developer.apple.com/documenta...
https://developer.apple.com/documenta...)
https://developer.apple.com/documenta...
https://developer.apple.com/documenta...

Connect with me!
X: https://x.com/StemFoxIO

Question - How are you going to customize your next navigation bar? Answer in the comments!

Want to learn more? Here are some sources I've learned from. Plus, some purchases help the channel.

I love Big Mountain Studio's books. Detailed and image oriented. Check them out here https://www.bigmountainstudio.com/a/y...

Disclaimer: (This video is/ is not sponsored. Some product links are affiliate links which means if you buy something we'll receive a small commission.)

⏰ Timecodes ⏰
Inset timecodes here:
00:00 - Intro
00:07 - How to add navigation bar in SwiftUI
00:41 - How to add a bar button item in SwiftUI
01:17 - How to add place bar button items in SwiftUI
03:22 - How to add customize navigation bar title in SwiftUI
04:37 - How to change navigation bar color in SwiftUI
09:14 - How to change navigation bar item color in SwiftUI
11:48 - How to hide navigation bar SwiftUI

Code:
```
struct ContentView: View {
var body: some View {
NavigationStack {
ScrollView {
VStack {
Image(systemName: "globe")
.imageScale(.large)
.foregroundStyle(.tint)
Text("Hello, world!")

NavigationLink {
DetailView()
} label: {
Text("Detail View")
.tint(.action)
}
}
.padding()
}
.navigationTitle("StemFox")
.navigationBarTitleDisplayMode(.inline)
.toolbar {
ToolbarItem(placement: .topBarLeading) {
Button("Catalog") {}
}
ToolbarItem(placement: .topBarTrailing) {
Button {} label: {
Image(systemName: "gear")
}
}
ToolbarItem(placement: .principal) {
Image("TitleIcon")
.resizable()
.aspectRatio(contentMode: .fit)
.frame(width: 75)
}
}
}
}
}

struct DetailView: View {
var body: some View {
Text("Detail View")
.toolbarVisibility(.hidden, for: .navigationBar)

}
}
```
#swift, #ios #development, #software, #swiftui, #navigationbar

About:
StemFoxIO posts videos to help you become a better, more efficient iOS developer.