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.