List 列表

文字列表

List {
    Text("蒙德")
    Text("璃月")
    Text("稻妻")
    Text("须弥")
}

List {
    ForEach(1...4,id: \.self) { index in
        Text("第\(index)行")
    }
}

• 另一种实现方式

List {
    ForEach(1...4,id: \.self) {
        Text("第\($0)行")
    }
}

• Message

struct Message {
    var name:String
    var iconName:String
}

let messages = [
    Message(name: "路易威登", iconName: "sun.min"),
    Message(name: "月亮", iconName: "moon"),
    Message(name: "BMW", iconName: "car"),
    Message(name: "设置", iconName: "checkmark.seal")
]
        
List(messages, id: \.name) { (message) in
    HStack {
        Image(systemName: message.iconName)
        Text("\(message.name)")
    }
}

• Identifiable

struct Message:Identifiable {
    var id = UUID()
    var name:String
    var iconName:String
}

let messages = [
    Message(name: "路易威登", iconName: "sun.min"),
    Message(name: "月亮", iconName: "moon"),
    Message(name: "BMW", iconName: "car"),
    Message(name: "设置", iconName: "checkmark.seal")
]
        
List(messages) { (message) in
    HStack {
        Image(systemName: message.iconName)
        Text("\(message.name)")
        Text("\(message.id)")
    }
}