swiftui - SwiftUI:当超级视图也可以呈现表单时,如果从子视图触发,则不会呈现表单
问题描述
假设我在 NavigationView 中有一个视图,带有前导和尾随按钮。因为我可以从这个视图中呈现两个不同的工作表,所以我使用这样的枚举:
enum AccountActiveSheet {
case about, settings
}
这个主视图在视图中有两个@State 属性来触发工作表展示。
@State private var isSheetPresented: Bool = false
@State private var activeSheet: AccountActiveSheet = .about
每个按钮都可以触发一个工作表。
var aboutButton: some View {
Button(action: {
self.activeSheet = .about
self.isSheetPresented.toggle()
}, label: {
Image(systemName: "info.circle.fill")
})
}
在导航视图的末尾,我选择正确的工作表来呈现
.sheet(isPresented: $isSheetPresented) {
self.activeSheet.sheet
}
它工作正常并以模态显示正确的视图。
但是我在这个主视图中也有多个子视图,可以在点击按钮时显示工作表。在这种情况下,不显示由子视图管理的工作表(即用于跟踪 $isSheetPresented + 由子视图提供的工作表的内容的@State 变量)。没发生什么事。似乎超级视图表修饰符正在阻止子视图呈现表。
是否可以同时让超级视图和子视图管理工作表演示?
enum AccountActiveSheet {
case about, settings
@ViewBuilder
var sheet: some View {
switch self {
case .about: Text("About")
case .settings: Text("Settings")
}
}
}
struct AccountView: View {
@State private var isSheetPresented: Bool = false
@State private var activeSheet: AccountActiveSheet = .about
var aboutButton: some View {
Button(action: {
self.activeSheet = .about
self.isSheetPresented.toggle()
}, label: {
Image(systemName: "info.circle.fill")
})
}
var settingsButton: some View {
Button(action: {
self.activeSheet = .settings
self.isSheetPresented.toggle()
}, label: {
Image(systemName: "gearshape.fill")
})
}
var body: some View {
NavigationView {
VStack {
Subview()
}
.navigationBarTitle("Account", displayMode: .inline)
.navigationBarItems(leading: aboutButton, trailing: settingsButton)
.sheet(isPresented: $isSheetPresented) {
self.activeSheet.sheet
}
}
}
}
struct Subview: View {
@State var isSheetPresented: Bool = false
var body: some View {
Button("Present sheet") {
self.isSheetPresented.toggle()
}
.sheet(isPresented: $isSheetPresented) {
Text("Subview")
}
}
}
解决方案
将根视图表移出NavigationView
(使用 Xcode 12.1 / iOS 14.1 测试)
var body: some View {
NavigationView {
VStack {
Subview()
}
.navigationBarTitle("Account", displayMode: .inline)
.navigationBarItems(leading: aboutButton, trailing: settingsButton)
}
.sheet(isPresented: $isSheetPresented) { // << here !!
self.activeSheet.sheet
}
}
推荐阅读
- node.js - 使用 MongoDB 进行数据分区
- python - django 从模板创建启动页面
- javascript - 是个 ; (分号)在 JavaScript 中是强制性的吗?
- java - Java ConcurrentSkipListMap 条目锁定在导航上
- java - recyclerView scrollListener 正在使用 oncreateView 调用触发
- java - 使用.setText时如何删除数字中的“E”?
- python - 同时绘制绘图和显示头部 - PyCharm
- javascript - 导出模块 js 不工作(npm i BigInt)
- python - qtableview 单元格中的意外填充 pyqt
- python - 如何在python中绘制微分方程?