SwiftUI 中可以使用 Table、TableRow 和 TableCell 来构建表格数据。Table 是表格的容器,TableRow 是表格中的行,TableCell 是表格中的单元格。

下面是一个简单的示例:

struct ContentView: View {
    let data = [
        ("Apple", "AAPL", 148.48),
        ("Microsoft", "MSFT", 259.89),
        ("Amazon", "AMZN", 3262.13),
        ("Google", "GOOGL", 2506.37)
    ]
    
    var body: some View {
        Table(data) { item in
            TableRow {
                TableCell(Text(item.0))
                TableCell(Text(item.1))
                TableCell(Text("\(item.2)"))
            }
        }
    }
}

在这个示例中,我们创建了一个包含公司名称、股票代码和股价的数据。我们使用 Table 来创建表格,然后使用 TableRow 和 TableCell 将数据显示在表格中。

TableRow 中的 TableCell 可以包含任何 SwiftUI 视图,比如 Text、Image、Button 等。

Table 的第一个参数是数据,第二个参数是一个闭包,该闭包接受数据中的每个元素,并返回 TableRow。在 TableRow 中,我们可以创建 TableCell 并将它们添加到 TableRow 中。在 TableCell 中,我们可以显示数据的任何部分。

在 Table 中,我们还可以设置表格的样式和行高等属性。例如,我们可以将表格的样式设置为 plain:

Table(data) { item in
    // ...
}
.tableStyle(PlainTableStyle())

我们还可以设置行高:

Table(data) { item in
    // ...
}
.rowHeight(50)

以上是使用 TableRow 和 Table 构建表格数据的简单示例。在实际应用中,还可以使用其他 SwiftUI 视图和组件来增强表格的功能和外观

swiftui中使用TableRow和Table构建表格数据

原文地址: http://www.cveoy.top/t/topic/cgzL 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录