[SwiftUI] TabBar 특정 뷰에서는 Hide 하기 !

 

 

📚 Tabbar Hide 😎

 

 

 

프로젝트를 하면서 Tabbar가 있었는데 메인 탭바 화면에서 네비게이션으로 View를 이동하면

이동된 View부터는 Tabbar가 안나오게 해야했습니다.

 

정말 간단히 해결되더군요 ? 👍

A View가 Tabbar의 메인뷰이고,

A View에서 Navigation을 통해 B View로 진입했을때, B View에서 탭바는 사라지게 하고 싶다. 한다면 

B 파일의 View 코드에 

 .toolbar(.hidden, for: .tabBar)

 

이 모디파이어를 적용해주면 됩니다 ! 

딱 봐도 tabbar를 hidden해주는거겠죠 ? 

 

❌근데 문제가 뭐였냐 .. ❌

 

 

A 에서 B로 갈때 탭바는 자연스럽게 사라졌지만, B에서 다시 A뷰로 나갈때 Tabbar가 바로 떠있어야했는데

딜레이가 있어 자연스럽지 못했습니다.

 

음.. 뭐 원인을 대충 예상해보면

화면 전환과 동시에 탭 바의 가시성을 변경하기 때문에 애니메이션이 겹치면서 생기는 지연 문제지 않을까 생각했고

 

다른 방법으로 적용해야겠다 싶었습니다.

 

 그래서 제가 한 방법은 ! 

import SwiftUI

struct BView: View {
    @State  private  var tabBarVisible: Bool  =  false
    
    var body: some View {
    	VStack {
        	// ... contents
        }
         .toolbar {
            ToolbarItem(placement: .navigationBarLeading) {
                Button{ // 뒤로가기 버튼
                    self .tabBarVisible =  true
                    navigationManager.pop()
                } label: {
                    HStack {
                        Image(systemName: "chevron.left")
                            .tint(.black)
                    }
                }
            }
        }
        .toolbar(tabBarVisible ? .visible : .hidden, for: tabBar)
    }
}

이렇게 tabBar를 보일지 말지 정하는 Bool 변수를 생성하고,

뒤로가기 버튼을 누를 때 값을 전환해줍니다.

그리고 이 값에 따라서 보여줄지, 말지 정해주는 방식이죠.

 

이렇게 하면 tabBarVisible 값이 변경되는 즉시 뷰를 다시 렌더링하기때문에 지연도 없고, 따라서 자연스럽게 전환되는게 아닐지 !