SwiftUI) NavigationView 사용 예제

import SwiftUI
 
struct ContentView: View {
    init(){
        let myAppearance = UINavigationBarAppearance()
        myAppearance.titleTextAttributes = [.foregroundColor : UIColor.blue, .font : UIFont.italicSystemFont(ofSize: 30)]
        myAppearance.largeTitleTextAttributes = [.foregroundColor : UIColor.purple]
        myAppearance.backgroundColor = UIColor.orange
 
        UINavigationBar.appearance().standardAppearance = myAppearance
        UINavigationBar.appearance().tintColor = UIColor.black
    }
    
    var body: some View {
        NavigationView{
        List{
            NavigationLink(
                destination: Text("Destination"),
                label: {
                    HStack{
                        Image(systemName: "person")
                        Text("Navigate")
                    }
                })
            Text("Hi")
            Text("Hi")
        }
        .navigationBarTitle("Hello", displayMode: .large)
        }
    }
}
 
struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}
 

- init() 에서 navigationView의 UI 꾸밈.

- UiNavigationBarAppearance()

   : titleTextAttributes(상단 Bar text 설정), largeTitleTextAttributes(Title 설정), backgroundColor(상단 Bar background 설정)

- tintColor는 destination화면의 상단 Bar 글씨 색 설정

- navigationLink 로 화면 이동 구현. 

- 28행의 .navigationBarTitle 에서 title과 모드를 정할 수 있음. (.large 와 .inline)

 

.large (좌), .inline(우)

destination화면