SwiftUI 关闭模式 [英] SwiftUI dismiss modal
本文介绍了SwiftUI 关闭模式的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
由于 SwiftUI 是声明性的,因此没有 dismiss
方法.如何向 DetailView
添加关闭/关闭按钮?
Since SwiftUI is declarative there is no dismiss
method.
How can is add a dismiss/close button to the DetailView
?
struct DetailView: View {
var body: some View {
Text("Detail")
}
}
struct ContentView : View {
var body: some View {
PresentationButton(Text("Click to show"), destination: DetailView())
}
}
推荐答案
使用@State 属性包装器(推荐)
struct ContentView: View {
@State private var showModal = false
var body: some View {
Button("Show Modal") {
self.showModal.toggle()
}.sheet(isPresented: $showModal) {
ModalView(showModal: self.$showModal)
}
}
}
struct ModalView: View {
@Binding var showModal: Bool
var body: some View {
Text("Modal view")
Button("Dismiss") {
self.showModal.toggle()
}
}
}
使用presentationMode
您可以在模态视图中使用 presentationMode
环境变量并调用 self.presentaionMode.wrappedValue.dismiss()
来关闭模态:
Using presentationMode
You can use presentationMode
environment variable in your modal view and calling self.presentaionMode.wrappedValue.dismiss()
to dismiss the modal:
struct ContentView: View {
@State private var showModal = false
// If you are getting the "can only present once" issue, add this here.
// Fixes the problem, but not sure why; feel free to edit/explain below.
@SwiftUI.Environment(.presentationMode) private var presentationMode: Binding<PresentationMode>
var body: some View {
Button(action: {
self.showModal = true
}) {
Text("Show modal")
}.sheet(isPresented: self.$showModal) {
ModalView()
}
}
}
struct ModalView: View {
@Environment(.presentationMode) private var presentationMode
var body: some View {
Group {
Text("Modal view")
Button(action: {
self.presentationMode.wrappedValue.dismiss()
}) {
Text("Dismiss")
}
}
}
}
这篇关于SwiftUI 关闭模式的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文