Swift/IOS 앱구현

[SwiftUI] tabView 만들기

망삼드 2023. 4. 30. 00:15

실제로 졸업프로젝트로 만들 앱을 구현하면서 필요했던 기능을 정리해둡니다

 

각자 메인화면과 아바타, 설정 화면은 따로 swiftUI 파일로 만들어 놓고 TabView안에 tabItem을 설정해줘 누르면 각자 탭으로 넘어 갈 수 있습니다

TabView안에 넣고 TabItem설정해주면 끝입니다

struct ContentView: View {
    var body: some View {
        TabView{
        //메인화면 
            main_screen()
                .tabItem {
                    Image(systemName: "heart.fill")
                    Text("Main")
                }
            // 아바타 보여줄 화면
            avartar()
                .tabItem({
                    Image(systemName: "heart")
                    Text("아바타")
                })
             //설정화면
            setting()
                .tabItem {
                    Image(systemName: "heart")
                    Text("설정")
                }
        }
        
        
    }
  
}
struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

이런식으로 탭이 생성됩니다