swift - 从一个 SwiftUI View 移动到另一个

Question

我是应用开发的新手，我正在构建一个需要跨不同 View 移动的应用。

目前，我正在使用 NavigationView/链接设置，但这意味着每次我将 NavigationView 放置在带有 NavigationView 的不同 View 中时， View 的大小会变小，并且我会留下多个后退按钮.

有没有办法避免这种情况(在 SwiftUI 中更改 View 而不使用导航系统的不同方法？)

Answer 1

您应该在您的应用中只使用一个 NavigationView。例如，在应用程序的主屏幕上？

NavigationLink 将您的用户定向到一个新 View ，该 View 不应具有NavigationView View 。添加两个 NavigationView 并将它们链接在一起将通过将一个 NavigationView 插入另一个缩小内部的所有其他 View (和它们自己)来导致您描述的行为。

尝试将所有 NavigationView 组件从除主/ Root View 之外的所有其他 View 中移除。

例如:

struct ROOT_VIEW: View {
    var body: some View {
        NavigationView {
            VStack {
                NavigationLink(destination: SECONDVIEW()) {
                    Text("Show Detail View")
                }.navigationBarTitle("ROOT VIEW")
            }
        }
    }
}

与第二个 View (所有其他 View )的链接:

struct SECOND_VIEW: View {
    var body: some View {
            VStack {
                Text("This is the second view")
                }.navigationBarTitle("ROOT VIEW", display: .inline)
            }
        }
    }

仅将 .navigationBarTitle("ROOT VIEW", display: .inline) 添加到您的第二个 View 允许标题出现在顶部(使用一个后退按钮)。您还可以在每个标题栏内添加按钮:

.navigationBarItems(leading:
       // FAR LEFT SIDE OF THE TITLE BAR
        HStack {
            Button(action: {// action goes here}) {
                Image(systemName: "plus")
                    .font(.largeTitle)
            }.foregroundColor(.pink)
        }, trailing:
       // FAR RIGHT SIDE OF THE TITLE BAR
        HStack {
            Button(action: { //action goes here}) {
                Image(systemName: "plus")
                    .font(.largeTitle)
            }.foregroundColor(.blue)
        })

另一种选择:

您可以在不使用 NavigationViews 的情况下在您的应用程序之间引导用户。您可以使用简单的 bool 状态。

例如，假设您有一个 Root View 屏幕，屏幕上有三个按钮，一个用于登录，一个用于注册，一个用于重置密码，每个按钮都有自己的 View 。您只会显示一个基于 bool 值的 View :

struct ROOT_VIEW: View {

    @State var showLogin = true // This will be the default view that gets showed as its default to true
    @State var showRegister = false
    @State var showPasswordReset = false


    var body: some View {
        VStack{
            if showLogin{
                LoginView(showLogin: $showLogin, showRegister: $showRegister)
            }
            if showRegister{
                RegisterView()
            }
            if showPasswordReset{
                PasswordResetView()
            }
        }
    }
}


struct LoginView: View {

    @Binding var showLogin: Bool
    @Binding var showRegister: Bool


    var body: some View {
        VStack{
            Button(action: {
                // Change two bool values to switch to register view (turning off login view and turning on reigster view)
                showLogin.toggle()
                showRegister.toggle()
            }) {
                Text("Show Register")
            }.foregroundColor(.pink)
        }
    }
}

您可以对所有希望用户访问的 View 执行此操作(很明显)。假设您只希望 RegisterView 只能转到 LoginView，反之亦然，您只需要为 RegisterView 提供 Root View 中的 showLogin 和 showRegister 绑定(bind) bool ，如下所示:

RegisterView(showLogin: $showLogin, showRegister: $showRegister)

确保在您的注册 View 中，您没有使用普通的@State，而是使用@Binding 来跨 View 同步所有 bool 值。