如何在 SwiftUI Apple Watch App 中从一个屏幕导航到另一个屏幕

Question

我在 SwiftUI Apple Watch 应用程序中进行导航时遇到问题。 网上关于这方面的资源很少。

我主要了解如何创建 SwiftUI 视图，但我不确定从 SwiftUI 视图导航到另一个 SwiftUI 视图的最佳方式是什么。

有没有办法在用户点击按钮时将用户推送到另一个 SwiftUI 屏幕？

Answer 1

提供一个非常基本的示例，它如何在 watchOS 上工作。

struct ListView: View {
var body: some View {



    List{

        RowView(title: "Row 1")
        RowView(title: "Row 2")
        RowView(title: "Row 3")
        RowView(title: "Row 4")

    }
    .listStyle(.carousel)


    }
}
struct RowView: View {
    let title: String
    var body: some View {

    NavigationLink(destination: Text("Detail \(title)")) {

        Text(title)
            .frame(height: 80, alignment: .topTrailing)
            .listRowBackground(
                Color.blue
                    .cornerRadius(12)
        )
    }
}

}

Answer 2

您可以通过使用目标视图初始化NavigationLink来实现此目的。 目前它的文档很少，但watchOS 上的教程构建列表和导航以及WWDC 会话 SwiftUI可能会有所帮助。

Answer 3

只需将 NavigationView 替换为 List，它就像一个魅力

struct ContentView : View{
    var body : some View {
        List{
            VStack{
        NavigationLink(destination: BPView()) {
            Text("Some text")
                .foregroundColor(Color.blue);
        }
            NavigationLink(destination:myView()) {
                Text("Show text here")
                .foregroundColor(Color.blue);
            }
            }}

    }
}