image - 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()

文章卡查看

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

我使这个视图 Equtable，但仍然滞后。滚动不是流体。

任何优化滚动的想法。

Answer 1

要检查的一件事是使用.adaptive GridItem. 对于一个实验尝试.flexible- 看看它是否更快。

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