SwiftUI
1. Main Tab View
햇망고
2021. 8. 10. 13:24
여러 기능을 하나의 앱에 탑재할 때 화면간 이동을 용이하게 하고 기능의 편의성을 높히기 위해 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 내장 이미지 이용하기