SwiftUI 2.0 List 實力加強新增呈現分層數據功能(wwdc20 教程含源碼)

本文價值與收穫

看完本文後，您將能夠作出下面的界面

看完本文您將掌握的技能

• List新功能
• 實現可以展開與關閉效果

代碼

1、定義個自定義Item

struct ListItem:Identifiable{
    var id = UUID()
    var name = ""
    var children:[ListItem]?
}

2、製作需要顯示的分層數據

    let items = [
        ListItem(name:"可展開視圖",children: [
            ListItem(name: "子視圖01", children: nil),
            ListItem(name:"子視圖02",children: nil)
        ])
    ]

3、完成代碼

import SwiftUI

struct ListItem:Identifiable{
    var id = UUID()