如何解决使用NavigationView从
我正在尝试在SwiftUI中使用多视图工作流,您可以从上次停下来的地方重新开始,但仍然可以轻松浏览NavigationView。
作为一个基本示例,我希望它具有SignupView
(用于输入用户凭据)> PersonalInfoView
(用于输入其他个人信息)> etc.
我最初使用简单的NavigationLink从一个步骤转到下一个步骤。但是我也希望这样做,以便如果您完成SignupView
然后退出该应用程序,并且再次打开它,则可以将用户直接带到PersonalInfoView
。在这种情况下,您可以从上次中断的地方开始。
所以我想到了使用条件渲染:
if !userExists {
SignupView()
} else if !hasPersonalInfo {
PersonalInfoView()
} else {
Text("Signup complete")
}
但是现在每当我从SignupView
到PersonalInfoView
时,都不会像使用NavigationLink那样获得很好的滑动过渡。而且,如果我添加一个NavigationLink转到PersonalInfoView
,它将滑入其中(就像典型的导航一样),然后滑入视图的另一版本(条件渲染一个)中。
所以我想我的问题是,在保留整个NavigationView范例的同时,始终处理条件视图的最佳方法是什么?谢谢
编辑:我可能还没有很好地解释我的问题:我仍然想对所有内容都使用NavigationView(以便进行过渡,后退按钮等)。我只是希望能够从过程的不同点开始,但随后的每个视图都应成为导航堆栈的一部分。
解决方法
您可以将过渡明确地应用于视图:
if !userExists {
SignupView()
.transition(.slide)
} else if !hasPersonalInfo {
PersonalInfoView()
.transition(.opacity)
} else {
Text("Signup complete")
.transition(.slide)
}
此外,对于某些过渡,您可能需要在userExists
块内设置withAnimation
:
withAnimation {
userExists = true
}
编辑
这是一个更新的版本(假设userExists
和hasPersonalInfo
被保留(例如存储在UserDefaults中):
struct ContentView: View {
var userExists = true
var hasPersonalInfo = false
var body: some View {
NavigationView {
VStack {
if !userExists {
SignupView()
} else if !hasPersonalInfo {
PersonalInfoView()
} else {
Text("Signup complete")
}
}
}
}
}
struct SignupView: View {
@State private var isLinkActive = false
var body: some View {
VStack {
Text("SignupView")
Button("Go to PersonalInfoView") {
self.isLinkActive = true
}
.background(NavigationLink(destination: PersonalInfoView(),isActive: $isLinkActive) { EmptyView() }.hidden())
}
}
}
struct PersonalInfoView: View {
@State private var isLinkActive = false
var body: some View {
VStack {
Text("PersonalInfoView")
Button("Go to MainView") {
self.isLinkActive = true
}
.background(NavigationLink(destination: Text("Signup complete"),isActive: $isLinkActive) { EmptyView() }.hidden())
}
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。