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 自动获得该图像,并且我希望整行都可以选择。但通过这种方式,我得到的只是推到堆栈顶部的目标视图,因此如果我多次更改语言,最终会得到很多视图。
任何帮助将不胜感激!
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)
| 归档时间: |
|
| 查看次数: |
6718 次 |
| 最近记录: |