我正在尝试实现一个包含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()}
}
}
更新:
这似乎可以提高响应速度。另外,如果我更改背景而不是前景色,则代码也会响应更快。
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()}
}
}
答案 0 :(得分:0)
解决方案是使用List组件而不是VStack。