SwiftUI表格数据构建:使用TableRow和Table
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 视图和组件来增强表格的功能和外观。
原文地址: https://www.cveoy.top/t/topic/nr82 著作权归作者所有。请勿转载和采集!