SwiftUI中NavigationView的使用

在SwiftUI中，NavigationView是用于在应用程序中管理视图的导航结构的控件。它提供了一种简单的方式来在应用程序中创建导航栏，并在导航栏中显示不同的视图。

以下是使用NavigationView的常见步骤：

导入SwiftUI框架：在你的代码文件中，首先导入SwiftUI框架。

import SwiftUI

创建视图：使用SwiftUI创建你的视图，并将其包装在NavigationView中。

struct ContentView: View {
    var body: some View {
        NavigationView {
            // Your view content here
        }
    }
}

添加导航栏标题：使用.navigationBarTitle()修饰符为导航栏添加一个标题。

struct ContentView: View {
    var body: some View {
        NavigationView {
            // Your view content here
        }
        .navigationBarTitle("My App")
    }
}

添加导航链接：使用NavigationLink控件在不同的视图之间创建导航链接。导航链接可以在点击后自动推入下一个视图，并在导航栏上显示返回按钮。

struct ContentView: View {
    var body: some View {
        NavigationView {
            NavigationLink(destination: SecondView()) {
                Text("Go to Second View")
            }
        }
        .navigationBarTitle("My App")
    }
}

struct SecondView: View {
    var body: some View {
        Text("This is the second view")
    }
}

注意：为了使导航链接正常工作，你需要在目标视图中添加NavigationView。

添加返回按钮：当导航链接被点击时，会自动在导航栏中显示返回按钮。你可以通过使用.navigationBarBackButtonHidden(true)修饰符来隐藏返回按钮，或者使用.navigationBarItems()修饰符添加自定义返回按钮。

struct ContentView: View {
    var body: some View {
        NavigationView {
            NavigationLink(destination: SecondView()) {
                Text("Go to Second View")
            }
        }
        .navigationBarTitle("My App")
        .navigationBarItems(leading: CustomBackButton())
    }
}

struct CustomBackButton: View {
    var body: some View {
        Button(action: {
            // Perform custom action
        }) {
            Image(systemName: "arrow.left")
                .foregroundColor(.blue)
        }
    }
}

以上是使用NavigationView的基本步骤。你可以根据需要在视图中添加更多的导航链接和自定义导航栏按钮。