[iOS | SwiftUI] Navigation Bar Item의 leading button만 사용하기

someng·2022년 10월 16일
0

iOS

목록 보기
11/33

SwiftUI에서 NavigationLink 를 이용하여 View를 이동하였을 때,
Navigation Bar Item 설정을 아무것도 하지 않을 경우에는

back button(<)과 이동 전 View의 navigation title (ex: 쩝쩝박사) 이 함께 보인다.

navigation title 없이 back button만 넣고 싶을 때 사용하는 방법을 알아보자! 🤓

이동한 후 보여지는 View 파일에 아래 작업을 수행하자.

1. @Environment presentatinMode 변수 추가

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

2. Button View 작성

var backButton : some View {
	Button(
		action: {
			self.presentationMode.wrappedValue.dismiss()
		}) {
			Image(systemName: "chevron.backward")	// back button 이미지
            .aspectRatio(contentMode: .fit)
            .foregroundColor(Color.black)
		}
}

3. Button View 호출

var body: some View {
	VStack(spacing: 10) {
            ...
	}
	.navigationBarBackButtonHidden(true)
	.navigationBarItems(leading: backButton)
}

세단계를 거치고 난 후 실행해보면

짜좐~! navigation title 없이 custom한 back button 만 보여진다 ✨

profile
👩🏻‍💻 iOS Developer

0개의 댓글