美文网首页SwiftUI
SwiftUI 中界面跳转,可不用NavigationView

SwiftUI 中界面跳转,可不用NavigationView

作者: Attempt_30b7 | 来源:发表于2020-03-17 23:12 被阅读0次

第一种方式

在以前写跳转,个人觉得会比较麻烦麻烦,又是id又是啥的,我觉得比较复杂
SwiftUI就不用这么麻烦了

NavigationView {
NavigationLink(destination:View()){

Text("跳转")
}
}

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

可自定义title,和大小

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

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

还有一种方式,不使用NavigationView

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

在SwiftUI中,所有的都是View

struct ContentView: View {
    
    var body: some View {
        VStack{
            Text("你好")
            Text("世界")
            
        }
    }
}

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

struct ContentView: View {
    
    var body: some View {
        VStack{
            Text("你好")
            first()
            
        }
    }
}


struct first: View {
    
    var body: some View {
        VStack{
            Text("你好")
            Text("世界")
            
        }
    }
}

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

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

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

struct ContentView: View {
    @ObservedObject var login = IsLogin() // 遵循类的继承,这里定义为@ObservedObject
    
    var body: some View {
        VStack{
            if self.login.isLogin == false{
                 first(login: login)
            }else{
                second()
            }
           
            
            
        }
    }
}

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

struct first: View {
    @ObservedObject var login : IsLogin //这里只要定义类型为我们的类,然后由父传进来
    var body: some View {
        VStack{
            
            Text("你好")
            Text("世界")
            
            Button(action: {
                //这里写触发方法
                self.login.login()
            }) {
                Text("登录")
            } // 这里写一个button 来触发
            
            
        }
    }
}
struct second: View {
    
    var body: some View {
        VStack{
            Text("世界")
             Text("你好")
            
        }
    }
}

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

相关文章

网友评论

    本文标题:SwiftUI 中界面跳转,可不用NavigationView

    本文链接:https://www.haomeiwen.com/subject/oxzxyhtx.html