ios - UIViewRepresentable 在 SwiftUI 中列表单元格内的放置

Question

在 SwiftUI 中将自定义 UILabel 添加到 List 时，我遇到单元格重用错误，其中某些单元格上的标签根本不可见，并且有些单元格被放置在左上角，而不考虑单元格的填充。它总是在初始单元格上完美渲染。

使用 ScrollView 时不会出现此问题。这是一个已知的错误吗？有好的解决方法吗？

GeometryReader { geometry in
    List {
        ForEach(self.testdata, id: \.self) { text in
            Group {
                AttributedLabel(attributedText: NSAttributedString(string: text), maxWidth: geometry.size.width - 40)
            }.padding(.vertical, 20)
        }
    }
}

struct AttributedLabel: UIViewRepresentable {

    let attributedText: NSAttributedString
    let maxWidth: CGFloat

    func makeUIView(context: UIViewRepresentableContext<Self>) -> UILabel {
        let label = UILabel()
        label.preferredMaxLayoutWidth = maxWidth
        label.attributedText = attributedText
        label.lineBreakMode = .byWordWrapping
        label.numberOfLines = 0
        label.backgroundColor = UIColor.red

        return label
    }

    func updateUIView(_ label: UILabel, context: UIViewRepresentableContext<Self>) {}

}

Answer 1

它与 ScrollView 或 SwiftUI 错误无关。我认为您的 AttributedLabel 类有问题。我尝试使用普通的 Text 并且工作正常。

List {
        ForEach(self.testdata, id: \.self) { text in
            Group {
                  Text(student.name)
                    .background(Color.red)
            }.padding(.vertical, 20)
        }
    }