SwiftUI/SwiftUI(Basic)

[59] Badge 뱃지

Toughie 2023. 5. 13. 22:44

⭐️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컬러로 보이는 것을 알 수 있다.