如何在 swiftUI 中创建具有多列的列表？

Posted 2023-02-24

【中文标题】如何在 swiftUI 中创建具有多列的列表？

【英文标题】：How to create list with multi columns in swiftUI?

【发布时间】：2021-08-12 12:23:13

【问题描述】：

我正在尝试使用 SwiftUI 创建具有多列的表。有没有更好的方法？

在列表中的第一列有可以是多行的文本。

感谢您的帮助

【问题讨论】：

你能分享你实现的代码吗？

【参考方案1】：

使用包含您的图像的HStack 创建一个List。

例子：

struct ContentView: View 
    var body: some View 
        List 
            ForEach(0 ..< 50)  index in
                HStack 
                    Text("some text")

                    Spacer()

                    Image(systemName: "checkmark")
                        .foregroundColor(.green)
                        .frame(width: 50)

                    Image(systemName: "xmark")
                        .foregroundColor(.red)
                        .frame(width: 50)
                
            
        
    

结果：