SwiftUI中的导航 NavigationView 和 NavigationLink
import SwiftUI
struct NavigationViewBootCamp: View {
var body: some View {
NavigationView {
List{
NavigationLink("hello word") {
Text("Main View")
.font(.largeTitle)
}
}
/// 设置导航标题
.navigationTitle("NavigationViewBootCamp")
/// 设置标题样式
.navigationBarTitleDisplayMode(.inline)
/// 设置左右按钮
.navigationBarItems(leading: Image(systemName: "person.fill"),
trailing:
NavigationLink(destination: Text("right"), label: {
Image(systemName: "gear")
/// 设置navigatonLink了默认蓝色,通过设置foregroundColor改回来
.foregroundColor(.black)
}
))
}
}
}
#Preview {
NavigationViewBootCamp()
}
效果图: