如何使用 Button (action:{}) {} 以编程方式转到 swiftUI 中的另一个视图，而不是任何 NavigationLink 或其他什么？

Question

我正在尝试以编程方式更改我的 macOS 应用程序中的视图。一世 找到了 NavigationLink 和其他东西，但我不允许使用它们。切换的代码必须在Button的action中，因为这样我知道我可以从代码中快速切换，即使不是button格式。我该怎么做？

ContentView.swift 中的按钮：

Button(action: {
    //What goes here. Tried Settings(), didn't work          
}) {
    Text("Settings")
}.buttonStyle(PlainButtonStyle())

Settings.swift：

import SwiftUI

struct Settings: View {
    var body: some View {
        Text("Hello, world!")
    }
}

没有 NavigationLink、没有 NavigationView 或其他。我正在寻找一种纯粹在按钮操作中执行此操作的方法。

我对这个主题还有另一个问题，所以如果您知道 swiftui，请点击 here，回答这个问题对我来说至关重要。如果您回答了这个问题，也许您可​​以回答另一个问题，如果该问题得到可接受的答案，那么它就会被点亮。

Answer 1

这是一个例子：

在按钮的action 块中，您不能放置view。但是您可以切换bool，这是一个@State 变量，它会更新view，并在true 时显示不同的视图。我添加了一个带有.transition() 的动画，但是您需要将withAnimation 放在@State 变量的更改周围才能使其工作。

struct ContentView: View {
    @State var showView = false

    var body: some View {
        GeometryReader { proxy in
            ZStack {
                if self.showView {
                    VStack {
                        Text("Settings View")
                        Button(action: {
                            withAnimation {
                                self.showView.toggle()
                            }
                        }, label: {
                            Text("Back")
                        })
                    }
                    .frame(width: proxy.size.width, height: proxy.size.height)
                    .background(Color.red)
                    .transition(.move(edge: .trailing))
                } else {
                    VStack {
                        Text("Home View")
                        Button(action: {
                            withAnimation {
                                self.showView.toggle()
                            }
                        }, label: {
                            Text("Settings")
                        })
                    }
                    .frame(width: proxy.size.width, height: proxy.size.height)
                    .background(Color.green)
                }
            }
        }
    }
}

我希望这会有所帮助！

Answer 2

基本上这里需要3 views来实现这个功能， 主要ContentView 切换视图（HomeView 和 SettingView）。

这里HomeView 包含Setting button 并有一个@Binding 变量来处理按钮点击ContentView。

因此，每当您单击 HomeView 上的 Setting 按钮时，它都会切换值 settingView ContentView 的变量，并根据它的值切换视图。

试试下面的代码。

内容视图：

struct ContentView: View {
    @State var settingView = false

    var body: some View {
        VStack {
            if self.settingView {
                Settings()
            } else {
              HomeView(buttonClick: $settingView)
            }
        }
    }
}

主页视图：

struct HomeView: View {
        @Binding var buttonClick: Bool

        var body: some View {
            VStack {
                Button(action: {
                    withAnimation {
                        self.buttonClick.toggle()
                    }
                }) {
                    Text("Settings")
                }.buttonStyle(PlainButtonStyle())
            }
        }
    }

Answer 3

如果您在第一个视图上单击开始，它会将您导航到下一个视图。您可以编辑第一个视图以满足您的视图要求

GloryHUbApp.swift

import SwiftUI

@main
struct GloryHubApp: App {
@State var currentStage = "OnboardingView"
var body: some Scene {
    WindowGroup {
            if(self.currentStage == "OnboardingView"){
                StartButtonView(currentStage: $currentStage)
            } else if(self.currentStage == "LoginView"){
                NextView()
            }
    }
  }
}

ButtonView.swift

import SwiftUI
struct StartButtonView: View {
// MARK: - PROPERTIES
@Binding var currentStage: String
// MARK: - BODY
var body: some View {
    Button(action: {
        //appStage = "LoginView"
        self.currentStage = "LoginView"
    }) {
        HStack (spacing: 8) {
            Text("START")
        }
    } //: BUTTO
  }
}

Answer 4

import SwiftUI

struct StartButtonView: View {

    @State private var isActive = false

    var body: some View {

    Button(action: {
       isActive = true
    }, label: { 
       Text("START")
    })

    NavigationLink(destination: Settings(), isActive: $isActive) { }
}