SwiftUI：当超级视图也可以呈现表单时，如果从子视图触发，则不会呈现表单答案

【问题标题】：SwiftUI: sheet not presented if triggered from subview when superview can also present sheetSwiftUI：当超级视图也可以呈现表单时，如果从子视图触发，则不会呈现表单
【发布时间】：2021-02-18 12:50:20
【问题描述】：

假设我在 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")
        }
    }
}

【问题讨论】：

提供的代码不足以重现您的案例。您能提供完整的可重现示例吗？
@Asperi 我更新了我的答案以包含完整的工作示例。告诉我！
我注意到只有 iOS 14.4 才会出现这种情况！

标签： swiftui swiftui-state

【解决方案1】：

将根视图表移出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
    }
}

【讨论】：

是否有解释（推测或其他）解释为什么会这样？