[SwiftUI] Navigation BackButton Custom

SwiftUI의 NavigationView를 사용하면서 Back버튼이 이전 뷰의 Title과 동일하게 바뀌는 것을 바꿔보고자 찾아보았다.

 

BackButton 숨기는 방법

DestinationView에

.navigationBarBackButtonHidden(true)

modifier를 추가한다.

 

Custom Button 만드는 방법

.navigationBarItems()

를 활용해서 추가한다.

 

기존의 Back버튼과 동일하게 만들고 텍스트만 변경하려면

@Environment(\.presentationMode) var presentationMode: Binding<PresentationMode>

var backButton: some View {
	Button {
    	self.presentationMode.wrappedValue.dismiss()
    } label: {
    	HStack {
            Image(systemName: "chevron.left") // 화살표 Image
                .aspectRatio(contentMode: .fit)
            Text("뒤로가기")
        }
    }
}

처럼 작성하고 DestinationView에 추가하면 된다.