导航条是UI设计中最经典模式，也是初学者最不容易掌握的。本文将用最简单的demo，带领大家了解并掌握NavigationView和 NavigtaionLink的基础使用。

本文价值与收获

看完本文后，您将能够作出下面的界面

Jietu20200308-170642.gif

看完本文您将掌握的技能

• NavigationView的基础使用
• NavigationLink的基础使用
• 设置跳转页面的导航条标题

实战代码

1、导航页面

import SwiftUIstruct ContentView: View {var body: some View {NavigationView{List{NavigationLink(destination:Text("hello") ){Text("hello")}NavigationLink(destination:SubView() ){Text("subview")}}.navigationBarTitle(Text("主页面"))}}
}

2、子页面