New SwiftUI: How to hide the top Navigation Bar like FaceBook in Xcode 14.

Photo by Erol Ahmed on Unsplash

Hello everyone, welcome to a new SwiftUI tutorial. I hope you are all doing well. Today I am going to show you how to hide the navigation bar top in SwiftUI 4 and Xcode 14.

Let’s get started with opening up Xcode 14. We are going to create a color in the assets file is color is going to be the FaceBook blue color.

Assets

Cool! 😎 Now we can get on with the fun stuff! We are going to create a new SwiftUI file called TabBarButton.

import SwiftUI

struct TabBarButton: View {
    
    @Binding var current : String
    var image : String
    var animation : Namespace.ID
    
    var body: some View {

        Button(action: {
            withAnimation{current = image}
        }) {
            
            VStack(spacing: 5){
                
                Image(systemName: image)
                    .font(.title2)
                    .foregroundColor(current == image ? Color("fb") : Color.black.opacity(0.3))
                    .frame(height: 35)
                
                ZStack {
                    
                    Rectangle()
                        .fill(Color.clear)…