SwiftUI - NavigationLink 返回上一个视图

man*_*ken 5 swiftui swiftui-list swiftui-navigationlink

我正在通过构建一个具有“设置视图”的应用程序来测试 SwiftUI,我们将其称为 ViewB。该视图有一个列表,您可以在其中选择语言。第一个视图 ViewA 有 2 个按钮“打开”或“选择语言”。

我想做的是,从ViewA开始,打开ViewB,选择一种语言,然后自动回到ViewA。这就是我所做的:

视图A

var body: some View {
    NavigationView {
        VStack(alignment: .center) {
            Button(action: start) {
                Text("Open")
            }
            NavigationLink(destination: ViewB()) {
                Text("Change language")
            }
        }
        .sheet(isPresented: $presenting) {
            DemoView(code: self.langugage ?? "SE") { result in }
        }
    }
}
Run Code Online (Sandbox Code Playgroud)

这就是我在 ViewB 上取得的进展:

var body: some View {
    List(langs) { item in
        HStack {
            NavigationLink(destination: ViewA(presentingSuccessScreen: self.$isPresentingSuccessScreen, language: item.code)) {
                Image(item.icon).resizable().frame(width: 40, height: 40)
                Text(item.market)
            }.frame(height: 64)
        }
        .navigationBarTitle(Text("Select Language"), displayMode: .inline)
        .navigationBarBackButtonHidden(true)
        .navigationBarItems(trailing:
            Button("Cancel") {
                self.presentationMode.wrappedValue.dismiss()
        })
    }
}
Run Code Online (Sandbox Code Playgroud)

我希望在每行的右侧有一个“>”图像,您可以使用 NavigationList 自动获得该图像,并且我希望整行都可以选择。但通过这种方式,我得到的只是推到堆栈顶部的目标视图,因此如果我多次更改语言,最终会得到很多视图。

任何帮助将不胜感激!

Asp*_*eri 5

NavigationLink只在一个方向上起作用。相反,你需要类似的东西

HStack {
    VStack {
        Image(item.icon).resizable().frame(width: 40, height: 40)
        Text(item.market)
    }.frame(height: 64)
    .onTapGesture {
        // set item.code & success flag to some view model and then
        // just call dismiss to return to ViewA
        self.presentationMode.wrappedValue.dismiss()
    }
}
Run Code Online (Sandbox Code Playgroud)