使用NavigationView

  1. NavigationView {
  2. NavigationLinkdestination:View()){
  3. Text("跳转")
  4. }
  5. }

这样即可轻松实现导航到下一个View,导航到写一个View时会默认给你下一个View也加上NavigationView,不需单独写一个。
如果写完NavigationView,系统会默认给你界面加一个title,即使什么都不写,也会有一片空白处,默认是较大的
可自定义title,和大小

  1. NavigationView{
  2. NavigationLink(destination:SwiftUIView()){
  3. Text("hello world!")
  4. }.navigationBarTitle("你好",displayMode: .large)// 一定要在NavigationView内一层加,不然没有效果, displayMode有三种,默认是自动。
  5. }

想要隐藏的话,一定要先写.navigationBarTitle(“你好”,displayMode: .large) 后紧跟后面写.navigationBarHidden(ture),如果只写后面的Hidden是没有效果的。
在你的View中如果多处需要跳转,只需用NavigationLink将其包裹,不用为每一个NavigationLink写一个NavigationView,只要保证NavigationLink都在NavigationView中即可。

不使用NavigationView

很多时候我不想我们的View跳转到一个View后还能回到上一个View,就比如登录跳转到首页,这时候用NavigationView,就会使我们的View用一个返回的按钮,这是不合理的。
在SwiftUI中,所有的都是View

  1. struct ContentView: View {
  2. var body: some View {
  3. VStack{
  4. Text("你好")
  5. Text("世界")
  6. }
  7. }
  8. }

VStack可以让我们View垂直摆放,这里可以写Text(“”),自然也能写一整个View

  1. struct ContentView: View {
  2. var body: some View {
  3. VStack{
  4. Text("你好")
  5. first()
  6. }
  7. }
  8. }
  9. struct first: View {
  10. var body: some View {
  11. VStack{
  12. Text("你好")
  13. Text("世界")
  14. }
  15. }
  16. }

这样写,也是没有问题的,所以只要进行判断,让父View显示我们哪个子View 就好了
首先我们先定义一个类继承ObservableObject这是SwiftUI中的Combine数据流所包含的数据流

  1. class IsLogin: ObservableObject {
  2. @Published var isLogin = false // 这是SwiftUI中的Combine框架所包含的,在所有View中可调用此数据,数据改变便可刷新View 达到跳转目的
  3. func login() {
  4. self.isLogin = true
  5. }
  6. }

接下来写一个父View包含两个子View,并同时调用刚刚写的类

  1. struct ContentView: View {
  2. @ObservedObject var login = IsLogin() // 遵循类的继承,这里定义为@ObservedObject
  3. var body: some View {
  4. VStack{
  5. if self.login.isLogin == false{
  6. first(login: login)
  7. }else{
  8. second()
  9. }
  10. }
  11. }
  12. }

以为子类需要改变isLogin 所以需要传进去我们login对象

  1. struct first: View {
  2. @ObservedObject var login : IsLogin //这里只要定义类型为我们的类,然后由父传进来
  3. var body: some View {
  4. VStack{
  5. Text("你好")
  6. Text("世界")
  7. Button(action: {
  8. //这里写触发方法
  9. self.login.login()
  10. }) {
  11. Text("登录")
  12. } // 这里写一个button 来触发
  13. }
  14. }
  15. }
  16. struct second: View {
  17. var body: some View {
  18. VStack{
  19. Text("世界")
  20. Text("你好")
  21. }
  22. }
  23. }

这样就可以了,在SwiftUI中View中只能写if else 其他任何代码不可写,只能写View。