SwiftUI LazyVGrid在图像方面落后

Question

当我滚动我的LazyVGrid时，应用程序滞后了很多。

 LazyVGrid(
   columns: [
       GridItem(.adaptive(minimum: horizontalSizeClass == .compact ? 160:320, maximum: 320), spacing: 16, alignment: .top)
   ],spacing: 16
  ){
     ForEach(viewModel.articles){ article in
         VStack{
           ArticleCardView(article: article, animation: animation, show: $show)
               .equatable()

ArticleCardView

VStack{
        if !show {
            HStack{
                Text(String(format: "%.2f €", article.rate1))
                    .fontWeight(.heavy)
                    .padding(.vertical, 5)
            }
            
            Image(uiImage: readImage(name: "\(article.id)00"))
                .resizable()
                .scaledToFit()

我使这个视图是可平衡的，但仍然滞后。滚动不是流动的。

任何优化滚动的想法。

Answer 1

需要检查的一件事是.adaptive GridItem的使用情况。作为一个实验，试试.flexible --看看它是否更快。

我没有滚动延迟，但注意到SwiftUI在使用.adaptive时为我的所有记录创建了磁贴，但在使用.fixed和.flexible时却懒惰地操作