为 SwiftUI Apple Watch App 实现基于页面的导航

Question

我正在使用 SwiftUI 构建 Apple Watch 应用，并希望实现基于页面的导航，因此当用户在主屏幕上向左滑动时，他们会被带到另一个视图。

我了解如何使用 NavigationLink 让用户从一个屏幕移动到另一个屏幕，但不了解如何让用户通过向左或向右滑动来从一个屏幕导航到另一个屏幕。

有谁知道如何做到这一点？

Answer 1

这里是如何使用 SwiftUI 为 watchOS 实现基于页面的导航的指南。描述基于Hacking with watchOS, SwiftUI edition：

首先，创建一个新的 SwiftUI 视图，例如 CounterView。

其次，创建 WKHostingController 的子类以显示新的 SwiftUI 视图。只需复制 HostingController.swift 中已经存在的控制器并将其名称更改为 CounterHostingController。文件 HostingController.swift 然后包含这两个控制器：

class HostingController: WKHostingController<ContentView> {
    override var body: ContentView {
        return ContentView()
    }
}

class CounterHostingController: WKHostingController<CounterView> {
    override var body: CounterView {
        return CounterView()
    }
}

第三，通过打开文件 Interface.storyboard 并单击 Xcode 窗口右上角的 + 按钮，创建一个故事板场景来存储新创建的主机控制器。在搜索框中输入“Hosting Controller”，拖出一个新的 Hosting Controller 并将其移动到现有的 Hosting Controller 旁边。在身份检查器中（单击 Xcode 窗口右侧从顶部开始的第二个菜单中的第四个项目，该项目显示一个文档，该文档的左上角有一张图片并在其周围浮动文本），将 Class 更改为“ CounterHostingController”，然后选中“从目标继承模块”框。

第四，为了将这两个屏幕连接为同一用户界面的页面，在情节提要中按 Ctrl 并用鼠标单击原始主机控制器并按住键，同时将鼠标指针拖动到新控制器上，然后，释放鼠标按钮后，选择“下一页”进行关系segue。

Answer 2

您可以使用多个 WKHostingController 将它们绑定到使用 Storyboard 的页面中。 每个 WKHostingController 都将代表您导航流程中的页面。