阅读 631

SwiftUI Tips: AnyView 的使用场景

SwiftiUI 提供了一个结构体 AnyView来表示任意一个 View 实例,和 Any 一样可以用来抹除具体的类型。 假设我们有一个页面展示用户的信息,如果没有用户没有登录我们就展示一个登录按钮。根据状态不同,一个 View 可能会返回不同实例类型的 View:

struct UserInfoView: View {
    
    @State var isLogin = false
    
    var body: some View {
        if isLogin {
            return Text("Logined”)
        } else {
            return Button(action: {
                // 去登录
            }, label: {
                return Text("Login")
            })
        }
    }
}
复制代码

那么上面的代码能不能被编译通过呢? 直觉上我们认为返回的只要是实现了 View 协议的都能满足,应该能编译通过。不过实际上这样写会编译器会提供一个错误:

Function declares an opaque return type, but the return statements in its body do not have matching underlying types

问题就出在前面的关键字 some 上。加了 some 后协议透明,编译器在编译时推断具体代码的实际返回类型,因此要求必须只能有一个确定的类型。具体关于 some 我在之前的博客 Swift 5.1 新特性:透明类型关键字 some 有介绍过。 上面的例子中用户已登录时返回 Text,没登录返回 Button 类型。不是同一种类型,编译器因此抛出错误。为了解决这个问题我们很自然想到用一个通用的类型把所有的 View 都包起来,这样编译器可以编译通过。反正运行的时候是 View 就可以了。这就是 AnyView 的使用场景了,抹掉具体 View 类型,对外有一个统一的类型,上面的代码这样改一下就可以了:

    var body: some View {
        if isLogin {
            return AnyView(
                Text("User logined")
            )
        } else {
            return AnyView(
                Button(action: {
                    // 去登录
                }, label: {
                    return Text("Login")
                })
            )
        }
    }
复制代码