SwiftUI

1. Main Tab View

햇망고 2021. 8. 10. 13:24

여러 기능을 하나의 앱에 탑재할 때 화면간 이동을 용이하게 하고 기능의 편의성을 높히기 위해 tabview가 이용된다.

 

 

SwiftUI TabView

    var body: some View {
		TabView {
			Text("메인 화면")
				.tabItem {
					Image(systemName: "house")
				}
			
			Text("검색 화면")
				.tabItem {
					Image(systemName: "magnifyingglass")
				}
			
			Text("저장된 글")
				.tabItem {
					Image(systemName: "book.closed")
				}
			
			Text("업적 달성")
				.tabItem {
					Image(systemName: "rosette")
				}
			
			Text("개인 화면")
				.tabItem {
					Image(systemName: "person")
				}
		}
		.accentColor(.black)
		
    }

TabView에 간단히 View 들을 등록할 수 있다.

여기에 default로 클릭 했을 때 파란 색으로 강조가 되므로 accentColor modifier를 이용하여 클릭했을 때 검정색으로 강조되도록 수정해준다.

 

tabItem에 사용한 이미지는 애플에서 제공하는 sf symbols 이미지를 이용한다. systemName으로 파라미터를 넘겨주면 이용할 수 있다. 아래 글을 참고하면 좋을 듯하다.

2021.08.10 - [SwiftUI/기타] - SwiftUI 내장 이미지 이용하기