SwiftUI 能够擦除类型的类型AnyView如何使用（2020教程）

SwiftUI 能够擦除类型的类型AnyView如何使用

现代编程语言为了降低开发难度，主要途径就是缩短代码长度。Swift从前辈ObjectiveC手里接到历史使命，首先就是替换了OC中各类冗长的关键词，然后又发明了some、opaque return type、anyview等新概念来简化结构提高效率。而且Swift中还引入modify机制来代替冗长复杂的括号

参考资料

• SwiftUI 高级语法some 和 opaque return type （2020年教程）

AnyView 是什么如何用

A type-erased View

类型擦除视图

An AnyView allows changing the type of view used in a given view hierarchy. Whenever the type of view used with an AnyView changes, the old hierarchy is destroyed and a new hierarchy is created for the new type.

AnyView 允许更改给定视图层次结构中使用的视图类型。每当使用 AnyView 的视图类型发生更改时，将销毁旧层次结构，并为新类型创建新的层次结构。

通过上面apple文档介绍，我们可以发现AnyView可能会存在性能问题。他先销毁就hierarchy,然后创建新的。这个开销可能会造成性能的损失。

如何使用

import SwiftUI

struct Item: Identifiable {
    enum ItemType {
        case image
        case text
    }

    let id = UUID()
    let value: String
    let type: ItemType
}

struct ContentView: View {
    let items: [Item] = [
        Item(value: "text", type: .text),
        Item(value: "photo", type: .image)
    ]

    var body: some View {
        List(items) { item -> AnyView in
            if item.type == .image {
                return AnyView(Image(systemName: item.value))
            } else {
                return AnyView(Text(item.value))
            }
        }
    }
}

代码优化

根据引言中的推测，现代语言的代码最短原则。我们尽量还是要取消括号的嵌套。

extension View {
    func eraseToAnyView() -> AnyView {
        AnyView(self)
    }
}

struct ContentView: View {
    let items: [Item] = [
        Item(value: "text", type: .text),
        Item(value: "photo", type: .image)
    ]

    var body: some View {
        List(items) { item -> AnyView in
            if item.type == .text {
                return Text(item.value)
                    .eraseToAnyView()
            } else {
                return Image(systemName: item.value)
                    .eraseToAnyView()
            }
        }
    }
}

有没有更好的方案

AnyView很好的完成了缩短代码的使命，但是性能也是个问题，有没有其他替代的方案呢？
肯定是有的，请期待下一篇文章吧。

参考资料

• https://swiftwithmajid.com/2019/12/04/must-have-swiftui-extensions/

更多SwiftUI教程和代码关注专栏

• 请关注我的专栏icloudend, SwiftUI教程与源码
  https://www.jianshu.com/c/7b3e3b671970