SwiftUI页面跳转button

在 SwiftUI 中，可以使用 NavigationLink 来实现页面跳转。下面是一个简单的例子，展示如何在按钮点击时跳转到另一个视图：

struct ContentView: View {
    var body: some View {
        NavigationView {
            VStack {
                Text("Hello, World!")
                NavigationLink(destination: AnotherView()) {
                    Text("Go to another view")
                }
            }
        }
    }
}

struct AnotherView: View {
    var body: some View {
        Text("Another view")
    }
}

在上述代码中，我们首先创建了一个 NavigationView，然后在 VStack 中添加了一个按钮。在按钮的点击事件中，我们使用 NavigationLink 来指定要跳转到的目标视图。在这个例子中，目标视图是 AnotherView。

当用户点击按钮时，应用程序将自动导航到 AnotherView，同时在导航栏中显示一个“Back”按钮，以便用户返回到之前的视图。

相关问题

swiftui button 跳转

在SwiftUI中，我们可以使用NavigationLink来实现页面之间的跳转。首先，我们需要在SwiftUI视图中创建一个Button，并且在Button的action中创建一个NavigationLink，将目标页面作为destination传入。当用户点击Button时，页面就会跳转到目标页面。

例如，我们可以创建一个名为HomeView的SwiftUI视图，并在该视图中创建一个Button，当用户点击该Button时，跳转到名为DetailView的目标页面。代码如下：

struct HomeView: View {
    var body: some View {
        NavigationView {
            VStack {
                Text("Hello, SwiftUI!")
                Button(action: {
                    // 点击按钮时触发跳转
                }) {
                    Text("跳转到详情页")
                }
            }
        }
    }
}

struct DetailView: View {
    var body: some View {
        Text("这是详情页")
    }
}

在上面的例子中，我们可以在Button的action闭包中创建一个NavigationLink，将DetailView作为destination传入，实现页面跳转的效果。具体代码如下：

NavigationLink(destination: DetailView()) {
    Text("跳转到详情页")
}

这样，当用户在HomeView中点击Button时，就会跳转到DetailView来显示详情页的内容。这就是在SwiftUI中使用Button进行页面跳转的方法。

swiftui navigation从页面A跳过页面B直接跳到页面C，但页面C可以返回页面B的完整代码

在SwiftUI中，如果你想要从页面A直接跳转到页面C，并且允许用户从页面C返回到页面B，你需要使用组合导航的概念，即通过`NavigationLink`结合`ModalPresentationStyle`来控制显示和隐藏。这里是一个简单的示例：

import SwiftUI

struct PageA: View {
    var body: some View {
        NavigationLink(destination: PageC()) {
            Text("Go to C")
                .onTapGesture {
                    // 使用`.presentation(isPresented: true)`显式地展示PageC
                    NavigationHost(presentationMode: .modal) {
                        PageC()
                            .navigationBarTitle("Page C", displayMode: .inline)
                    }
                }
        }
    }
}

struct PageB: View {
    @State private var isPresenting = false

    var body: some View {
        VStack {
            Button(action: {
                // 当用户从PageC返回时，设置isPresenting为false
                self.isPresenting = false
            }) {
                Text("Return to B")
            }

            if isPresenting {
                NavigationView {
                    PageC()
                        .navigationBarTitle("Page C", displayMode: .inline)
                        .onDisappear {
                            self.isPresenting = false
                        }
                }
                .sheet(isPresented: $isPresenting)
            } else {
                Text("Page B")
            }
        }
    }
}

struct PageC: View {
    var body: some View {
        Text("Page C")
            .navigationBarTitle("Page C", displayMode: .inline)
            .navigationBarItems(trailing: NavigationLink(destination: PageB()) {
                Image(systemName: "chevron.left")
            })
    }
}

struct ContentView: UIViewRepresentable {
    func makeUIView(context: Context) -> UIHostingController {
        return UIHostingController(rootView: PageA())
    }

    func updateUIView(_ uiView: UIHostingController<PageA>, context: Context) {}
}

在这个例子中，当用户点击"Go to C"按钮时，会弹出PageC作为模态视图。同时，在PageB中，我们设置了`isPresenting`状态，当用户从PageC返回时设置为`false`，关闭模态视图。在PageC上，还有一个回退按钮（左箭头），用于导航回PageB。