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
  • 블로그 메뉴

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

  • 공지사항

  • 인기 글

  • 태그

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

  • 최근 글

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

티스토리툴바