swift - SwiftUI 应用程序的 NavigationView 中的 onAppear 和 onDisappear 是否按预期运行?
问题描述
我想知道 SwiftUI 中的 onAppear 和 onDisappear 的行为(我写这篇文章时是 Xcode 11 beta 6)是开发人员会发现更有用的东西,还是只是一个问题而不是功能。
现在,如果我们使用您在我附加的示例代码中找到的级联导航(在 Xcode 11b6 中编译和运行良好),则用户来回导航的控制台输出只会在以下情况下触发 onAppear向前方向的新视图加载(意味着更深入)。
在导航中: Root -> NestedView1 -> NestedView2 -> NestedView3 ,向每个视图阶段添加调试助手时,
.onAppear(perform: {print("onAppear level N")})
.onDisappear(perform: {print("onDisappear level N")})
调试控制台会显示
onAppear root level 0
onAppear level 1
onAppear level 2
onAppear level 3
(没有 onDisappear 触发)
但返回 Root <- NestedView1 <- NestedView2 <- NestedView3
调试控制台会显示...什么都没有
(没有 onAppear 或 onDisappear 触发)
struct NestedViewLevel3: View {
@Environment(\.presentationMode) var presentationMode: Binding<PresentationMode>
var body: some View {
VStack {
Spacer()
Text("Level 3")
Spacer()
Button(action: {
self.presentationMode.wrappedValue.dismiss()
}) {
Text("Back")
.padding(.horizontal, 15)
.padding(.vertical, 2)
.foregroundColor(Color.white)
.clipped(antialiased: true)
.background(
RoundedRectangle(cornerRadius: 20)
.foregroundColor(Color.blue)
.frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: 40, alignment: .center)
)
}
Spacer()
}
.navigationBarBackButtonHidden(false)
.navigationBarTitle("Level 3", displayMode: .inline)
.onAppear(perform: {print("onAppear level 3")})
.onDisappear(perform: {print("onDisappear level 3")})
}
}
struct NestedViewLevel2: View {
@Environment(\.presentationMode) var presentationMode: Binding<PresentationMode>
var body: some View {
VStack {
Spacer()
NavigationLink(destination: NestedViewLevel3()) {
Text("To level 3")
.padding(.horizontal, 15)
.padding(.vertical, 2)
.foregroundColor(Color.white)
.clipped(antialiased: true)
.background(
RoundedRectangle(cornerRadius: 20)
.foregroundColor(Color.gray)
.frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: 40, alignment: .center)
)
.shadow(radius: 10)
}
Spacer()
Text("Level 2")
Spacer()
Button(action: {
self.presentationMode.wrappedValue.dismiss()
}) {
Text("Back")
.padding(.horizontal, 15)
.padding(.vertical, 2)
.foregroundColor(Color.white)
.clipped(antialiased: true)
.background(
RoundedRectangle(cornerRadius: 20)
.foregroundColor(Color.blue)
.frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: 40, alignment: .center)
)
}
Spacer()
}
.navigationBarBackButtonHidden(false)
.navigationBarTitle("Level 2", displayMode: .inline)
.onAppear(perform: {print("onAppear level 2")})
.onDisappear(perform: {print("onDisappear level 2")})
}
}
struct NestedViewLevel1: View {
@Environment(\.presentationMode) var presentationMode: Binding<PresentationMode>
var body: some View {
VStack {
Spacer()
NavigationLink(destination: NestedViewLevel2()) {
Text("To level 2")
.padding(.horizontal, 15)
.padding(.vertical, 2)
.foregroundColor(Color.white)
.clipped(antialiased: true)
.background(
RoundedRectangle(cornerRadius: 20)
.foregroundColor(Color.gray)
.frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: 40, alignment: .center)
)
.shadow(radius: 10)
}
Spacer()
Text("Level 1")
Spacer()
Button(action: {
self.presentationMode.wrappedValue.dismiss()
}) {
Text("Back")
.padding(.horizontal, 15)
.padding(.vertical, 2)
.foregroundColor(Color.white)
.clipped(antialiased: true)
.background(
RoundedRectangle(cornerRadius: 20)
.foregroundColor(Color.blue)
.frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: 40, alignment: .center)
)
}
Spacer()
}
.navigationBarBackButtonHidden(false)
.navigationBarTitle("Level 1", displayMode: .inline)
.onAppear(perform: {print("onAppear level 1")})
.onDisappear(perform: {print("onDisappear level 1")})
}
}
struct RootViewLevel0: View {
var body: some View {
NavigationView {
VStack {
Spacer()
NavigationLink(destination: NestedViewLevel1()) {
Text("To level 1")
.padding(.horizontal, 15)
.padding(.vertical, 2)
.foregroundColor(Color.white)
.clipped(antialiased: true)
.background(
RoundedRectangle(cornerRadius: 20)
.foregroundColor(Color.gray)
.frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: 40, alignment: .center)
)
.shadow(radius: 10)
}
Spacer()
}
}
.navigationBarTitle("Root level 0", displayMode: .inline)
.navigationBarBackButtonHidden(false)
.navigationViewStyle(StackNavigationViewStyle())
.onAppear(perform: {print("onAppear root level 0")})
.onDisappear(perform: {print("onDisappear root level 0")})
}
}
struct ContentView: View {
var body: some View {
RootViewLevel0()
}
}
}
现在,开发人员是否宁愿拥有 onAppear 和 onDisappear:
1) 触发的目的是为了启动只需要执行一次且仅在用户向前移动时执行的操作,例如在当前观察到的行为中。
2)每次视图出现时触发,更像是动作名称的意思,无论是向后,向前还是任意次数。
我会选择选项 2,简单而残酷(以及我目前需要的),但我在 NavigationView 是一个相当天真的新手,选项 2 可能会破坏许多我没有考虑到的既定范例。
您的反馈将帮助我了解 SwiftUI 的相应反馈助手案例是否有正当理由。
解决方案
这是Apple的一个错误。
.onAppear()
现在可以在 iOS 13.1 和 Xcode 11 Beta 7 中正常工作。
当向前和向后导航到 NavigationView 时,.onAppear()
将触发。
推荐阅读
- javascript - 使用 Vanilla JS 添加内联 CSS 属性和后备值
- angular - 如何使用角度选择器将一个组件添加到另一个组件中?
- python - 如何在 Python 中解码 Avro 消息?
- python - 我需要采取的步骤才能让其他人看到我的烧瓶网页
- javascript - 为什么我的状态更新会覆盖现有数据值?
- angular - 未找到 t 的组件工厂。你把它添加到@NgModule.entryComponents 了吗?
- docker - 如何从 Docker 容器内部到外部(本地网络)的 Nginx 反向代理(proxy_pass)
- postgresql - 如何加快请求'SELECT'?
- python - 网页抓取到 .csv
- python - 数组与列表的数据计算的细微差异