Starbucks Caramel Frappuccino
본문 바로가기
  • 그래 그렇게 조금씩
SwiftUI/SwiftUI(Basic)

[59] Badge 뱃지

by Toughie 2023. 5. 13.

⭐️Badge 뱃지⭐️

//  Created by Toughie on 2023/05/13.
//

import SwiftUI

struct BadgePrac: View {
    var body: some View {
        TabView {
            Color.red
                .tabItem {
                    Image(systemName: "flame.fill")
                    Text("Fire")
                }
                .badge(0)
            
            Color.green
                .tabItem {
                    Image(systemName: "tree.fill")
                    Text("Tree")
                }
                .badge("New")
            
            Color.blue
                .tabItem {
                    Image(systemName: "drop.fill")
                    Text("Water")
                }
                .badge(7)
        }
    }
}

//Int뿐만 아니라 String도 가능하다.

SwiftUI에서는 아주 간단하게 뱃지를 달 수 있다.
다만 (현재는)리스트나, 탭바에서만 가능하다.

리스트에서는 기본적으로 우측에 Secondary컬러로 보이는 것을 알 수 있다.

 

'SwiftUI > SwiftUI(Basic)' 카테고리의 다른 글

[61] .submitLabel / .onSubmit  (0) 2023.05.14
[60] @FocusState / TextField  (0) 2023.05.14
[58] List Swipe Actions  (0) 2023.05.12
[57] .buttonStyle / .controlSize / .buttonBorderShape  (0) 2023.05.12
[56] TextSelection / Window, Scene  (0) 2023.05.12