WatchOS 上的 SwiftUI 应用程序中是否可以进行基于页面的导航？

Question

I see page-based navigation is supported for WatchOS, but is there a way to access this functionality with SwiftUI?

Answer 1

Yes, this is possible. First, define hosting controllers for each of your pages like so

class Page1HostingController: WKHostingController<Page1View> {
    override var body: Page1View {
        self.setTitle("page1")
        return Page1View()
    }
}

class Page2HostingController: WKHostingController<Page2View> {
    override var body: Page2View {
        self.setTitle("page2")
        return Page2View()
    }
}

where Page1View and Page2View are your SwiftUI implementations.

Then, add new view controllers to your Interface.storyboard , set their implementation classes to your new controller classes and connect them via a "next page" segue.

Answer 2

If you are using the new SwiftUI App Lifecycle and can't access Storyboards (or just need a solution for App Delegate Cycle without using Storyboards), you can use the new Page View style in SwiftUI 2:

WindowGroup {
   TabView {
     Page1View()
     Page2View()
   }
   .tabViewStyle(PageTabViewStyle())
}

Answer 3

There is NavigationLink button which triggers a navigation presentation when pressed.

var body: some View {
    VStack() {
        NavigationLink(destination: Text("Destination view"), label: {
        Text("Title of the NavigationLink button")
      })
    }
  }