SwiftUI - TabView

2023. 3. 16. 15:24·iOS/SwiftUI

 

안녕하세요 :D 망고입니다🥭

SwiftUI로 TabView 만드는 방법에 대해 알아보겠습니다.

TabView

TabView는 Uikit의 UITabBarController라고 생각하면 됩니다.

만드는 방법은 Uikit에 비해 매우 간단합니다.

    var body: some View {
        TabView {
            FirstView()
                .tabItem {
                    Image(systemName: "1.circle")
                    Text("First")
                }
            
            SecondView()
                .tabItem {
                    Image(systemName: "2.circle")
                    Text("second")
                }

            ThirdView()
                .tabItem {
                    Image(systemName: "3.circle")
                    Text("third")
                }
        }
    }

TabView안에 각각의 View를 넣고 tabItem을 통해 이미지와 텍스트를 지정해줍니다.

 

 

 

'iOS > SwiftUI' 카테고리의 다른 글

UIKit에서 Swift Charts Framework 사용하기  (0) 2024.11.07
SwiftUI - Sticky Header  (0) 2023.03.21
SwiftUI - Apple Sign In With Firebase  (0) 2023.03.14
SwiftUI - System Icons  (0) 2023.03.09
SwiftUI - Gradients (Linear, Radial, Angular)  (0) 2023.03.08
'iOS/SwiftUI' 카테고리의 다른 글
  • UIKit에서 Swift Charts Framework 사용하기
  • SwiftUI - Sticky Header
  • SwiftUI - Apple Sign In With Firebase
  • SwiftUI - System Icons
🥭Mango
🥭Mango
  • 🥭Mango
    AppleMango🥭
    🥭Mango
  • 전체
    오늘
    어제
    • 분류 전체보기
      • iOS
        • Swift
        • SwiftUI
        • RxSwift
      • Algorithm
        • C
        • Python
        • Swift
      • Computer Science
        • 컴퓨터 네트워크
        • OS
      • ...
      • 개발 타임캡슐
        • Python
        • Flutter
        • Android
        • Kotlin
        • Java
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    Code Base
    MapMarker
    파이썬 6118
    코틀린
    14503 로봇청소기
    파이썬 1459
    Swift Hello World!
    코틀린 상속
    파이썬
    IOS
    1613 파이썬
    Custom Map Marker
    파이썬 토마토
    typing animation
    swiftUI tabview
    파이썬 14503
    1차원 뿌요뿌요
    Apple Login
    백준 토마토
    역사 파이썬
    14503 파이썬
    파이썬 정렬
    SwiftUI
    SwiftUI Apple Login
    스택
    1613 역사
    백준 소수
    swiftUI Gradients
    토마토
    6118
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.2
🥭Mango
SwiftUI - TabView
상단으로

티스토리툴바