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

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

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