SwiftUI对悬停事件反应不太快

时间:2019-10-06 19:51:03

标签: macos list hover swiftui

我正在尝试实现一个包含200或300个元素的列表,并且我想在悬停事件上更改文本的颜色。但是该应用开始显示悬停事件的延迟。检查下面的示例代码:

struct ContentView: View {
    var body: some View {
            VStack {
                ForEach(0...1000, id:\.self) {index in
                    Element()
                }
            }
    }
}
struct Element: View {
    @State private var hover = false

    var body: some View {
        Text("Not a fast hover!")
          .foregroundColor(hover ? Color.blue : Color.white)
          .onHover {_ in self.hover.toggle()}
    }
}

enter image description here

更新:

这似乎可以提高响应速度。另外,如果我更改背景而不是前景色,则代码也会响应更快。

struct Element: View {
    @State private var hover = false

    var body: some View {
        ZStack {
            Text("Not a fast hover!").foregroundColor(Color.blue)
            Text("Not a fast hover!").opacity(hover ? 0 : 1).foregroundColor(Color.white)
        }
        .frame(width: 200)
        .onHover {_ in self.hover.toggle()}
    }
}

1 个答案:

答案 0 :(得分:0)

解决方案是使用List组件而不是VStack。