ScrollView + LazyStacks 卡顿

问题描述

在使用 ScrollView 和 Lazyvstack/ LazyHStack 时，我遇到了许多与 this 类似的问题，其中惰性堆栈的内容在跳到ScrollView。

首先我认为这可能是由于在延迟堆栈上使用复杂的视图会导致 SwiftUI 中的布局问题，但我设法想出了一个使用非常简单的视图层次结构的 MWE，问题仍然存在。

当快速向左滚动并在 ScrollView 的前缘弹跳时，这会导致卡顿：

ScrollView(.horizontal) {
    LazyHStack {
        Color.red.frame(width: 450)
        Color.green.frame(width: 250)
        Color.blue.frame(width: 250)
    }
}
.frame(width: 350)

减小第一个视图的宽度使口吃消失

ScrollView(.horizontal) {
    LazyHStack {
        Color.red.frame(width: 400) //<- No stutter
        Color.green.frame(width: 250)
        Color.blue.frame(width: 250)
    }
}
.frame(width: 350)

对于这个 MWE，口吃似乎只发生在设备上（可能是因为我在模拟器中滚动速度不够快）。但是，我在具有更复杂视图的模拟器中遇到了同样的问题。

知道这是 SwiftUI 中的错误吗？

在装有 Xcode 13 beta 1 和 iOS 15 的 iPhone Xs Max 上进行测试。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）