1

这是我的代码。没有按钮,但使用 onTapGesture,滚动非常流畅。伟大的!但是,如果我将 Text() 视图放在一个按钮中,那么延迟真的非常非常糟糕,甚至有点悬...

这是简化的代码。在我的实际项目中,我有一个名为 GridCell 的视图,它本质上是一个带有字符串的彩色框。但是,如果我将该视图放在一个按钮中(而不是使用 ForEach 中的按钮,并将 GridCell 作为其内容/标签),那么滞后也存在。我们应该避免在 LazyVGrids 中使用按钮还是这是某种错误?

    import SwiftUI

    let columnCount: Int = 11
    let gridSpacing: CGFloat = 1

    struct SimpleGridView: View {
        
        @State private var selected: String? = nil
        
        let data = (1...1000).map { "\($0)" }
        let columns: [GridItem] = Array(repeating: .init(.flexible(), spacing: gridSpacing), count: columnCount)
        let colCount: CGFloat = CGFloat(columnCount)
        
        var body: some View {
            GeometryReader { geo in
                ScrollView (showsIndicators: false) {
                    LazyVGrid(columns: columns, spacing: gridSpacing) {
                        ForEach(data, id: \.self) { item in
                            
                            // This code creates lag when scrolling
                            
//                                                    Button(action: {
//                                                        selected = item
//                                                    }) {
//                                                        Text(item)
//                                                    }
                            
                            /// This code is fine, apparently.
                            Text(item)
                                .onTapGesture(count: 1, perform: {
                                    selected = item
                                })
                        }
                    }
                    .sheet(item: $selected) { item in     // activated on selected item
                        DetailView(item: item)
                    }
                    .padding(.horizontal)
                }
            }
        }
    }

    struct DetailView: View {
        let item: String
        var body: some View {
            Text(item)
        }
    }
4

0 回答 0