Question

我正在尝试在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（以便进行过渡，后退按钮等）。我只是希望能够从过程的不同点开始，但随后的每个视图都应成为导航堆栈的一部分。

Answer 1

您可以将过渡明确地应用于视图：

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())
        }
    }
}

使用NavigationView从

1 个答案: