IOS) 자산관리 앱 만들기

SWIFT UI를 이용한 자산관리 앱

완성앱

 

 

 

 

 탭 바 만들기

우선 바텀네비게이션 바를 만들어 준다. Swift UI에서는 TabBar를 이용하여 쉽게 만들어 줄 수 있다.

import SwiftUI

struct ContentView: View {
    @State private var selection : Tab = .asset
    
    enum Tab{
        case asset
        case recommend
        case alert
        case setting
    }
    
    var body: some View {
        TabView(selection: $selection){
            Color.white.tabItem{
                Image(systemName: "dollarsign.circle.fill")
                Text("자산")
            }.tag(Tab.asset)
            Color.blue
                .edgesIgnoringSafeArea(.all)
                .tabItem{
                    Image(systemName: "hand.thumbsup.fill")
                    Text("추천")
                }
                .tag(Tab.recommend)
            Color.yellow
                .edgesIgnoringSafeArea(.all)
                .tabItem{
                    Image(systemName: "bell.fill")
                    Text("알람")
                }
                .tag(Tab.alert)
            Color.red
                .edgesIgnoringSafeArea(.all)
                .tabItem{
                    Image(systemName: "gearshape.fill")
                    Text("설정")
                }
                .tag(Tab.setting)
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

이렇게 Tabbar를 만들면 하단에 4개의 탭 아이템이 생성이 된다.

 

 

--- 이후 더 작성 예정