XCode 版本 12.4 (12D4e)
每次在 ScrollView 中实现 Lazy 堆栈时,我都会遇到这个问题:
LazyHStack到水平ScrollView或 aLazyVStack到垂直ScrollView场景 1 - 将滚动视图拉出边界(就像拉动以刷新)
预期行为:当滚动视图停留在您的手指下时,它的行为与预期一致
观察到的行为:它口吃和跳跃
场景 2 - 快速滚动到边缘,使其必须弹跳
预期行为:弹跳顺畅
观察到的行为:到达边缘时停止并抖动,但不反弹
我的理论 我的理论是,由于使用了 Lazy 堆栈,当视图离开屏幕时,它会从视图层次结构中移除,从而造成卡顿。
我想知道有没有其他人遇到过这种情况?这是 SwiftUI 中的错误吗?几个月来,我已经在不同的项目中可靠地重现了这一点,但最终还是不使用我希望可以使用的 Lazy 堆栈。
示例代码
ScrollView {
LazyVStack {
ForEach(viewModel.items) { items in
SomeView(viewModel: .init(context: viewModel.context, item: item))
}
}
Run Code Online (Sandbox Code Playgroud)
注意:口吃只发生在滚动视图的顶部
** 2021 年 7 月 10 日更新**
这仍然发生在 iOS 15 版本 13.0 测试版 (13A5155e) 中。
在下面的视频中,注意滚动条的行为和到达底部时的卡顿:
在使用and /时,我遇到了许多类似的问题,其中惰性堆栈的内容在.ScrollViewLazyVStackLazyHStackScrollView
首先,我认为这可能是由于在惰性堆栈上使用复杂的视图,这会导致 SwiftUI 中的布局问题,但我设法想出了一个使用非常简单的视图层次结构的 MWE,但问题仍然存在。
当快速向左滚动以及在 的前缘弹跳时,这会导致卡顿ScrollView:
ScrollView(.horizontal) {
LazyHStack {
Color.red.frame(width: 450)
Color.green.frame(width: 250)
Color.blue.frame(width: 250)
}
}
.frame(width: 350)
Run Code Online (Sandbox Code Playgroud)
减小第一个视图的宽度可以消除卡顿现象
ScrollView(.horizontal) {
LazyHStack {
Color.red.frame(width: 400) //<- No stutter
Color.green.frame(width: 250)
Color.blue.frame(width: 250)
}
}
.frame(width: 350)
Run Code Online (Sandbox Code Playgroud)
对于这个 MWE,口吃似乎只发生在设备上(可能是因为我在模拟器中滚动得不够快)。然而,我在具有更复杂视图的模拟器中也遇到了同样的问题。
如果这是 SwiftUI 中的错误,您有什么想法吗?
在装有 Xcode 13 beta 1 和 iOS 15 的 iPhone Xs Max 上进行了测试。
我正在尝试使用新的SwiftUI框架枚举列出案例的原始值。但是,我在使“数据”符合可识别协议方面遇到了麻烦,而且我真的找不到信息。它告诉我“ Initializer'init(_:rowContent :)'要求'Data'必须符合'Identifiable'”。存根在最后一个扩展中为我提供了ObjectIdentifier变量,但不知道我应该返回什么。你能告诉我怎么做吗?如何使数据符合可识别性,以便可以列出原始值?
enum Data: String {
case firstCase = "First string"
case secondCase = "Second string"
case thirdCase = "Third string"
}
extension Data: CaseIterable {
static let randomSet = [Data.firstCase, Data.secondCase]
}
extension Data: Identifiable {
var id: ObjectIdentifier {
return //what?
}
}
//-------------------------ContentView------------------------
import SwiftUI
struct Lala: View {
var name: String
var body: some View {
Text(name)
}
}
struct ContentView: View {
var body: some View {
return List(Data.allCases) { i in …Run Code Online (Sandbox Code Playgroud) swiftui ×3
ios ×2
bounce ×1
enums ×1
lazyvstack ×1
scrollview ×1
swift ×1
swift5.1 ×1
xcode ×1