看完本文后,您将能够作出下面的效果
看完本文您将掌握的技能
- NavigationView基础用
- 给导航条添加个标题
- 修改导航条的风格
- 实现现实和隐藏导航条
1、基础应用,做个最简单到导航条
NavigationView非常简单,就是在我们的容器或控件外面套上NavigationView即可。
如果需要设置标题,我们可以在容器或控件上面使用.navigationBarTitle修饰器
//我的###QQ##3365059189
struct NaviBase01: View {
var body: some View {
NavigationView{
Text("NavigationView 基础代码")
//设置一下导航条的标题
.navigationBarTitle(Text("NavigationView"))
.edgesIgnoringSafeArea(.bottom)
}
}
}
2. 将导航条设置为传统的窄条效果
navigationBarTitle 给我们提供displaymode参数,通过该参数我们可以设置不同的显示模式。我们先看看苹果怎么介绍的