ios - SwiftUI:在主视图上显示模态(实际上不是模态) View 时，如何限制 View 的可点击区域？

Question

我正在开发一个基于具有三个 TabItems 的 Tabview 的应用程序。每个 TabItem 都是一个列表，我将能够在这些列表上显示一种模态视图。当我无法将工作表称为模态视图时，问题就出现了，因为工作表几乎是全窗口的。我需要某种底部模态视图，因此我创建了一个 View ，该 View 呈现在具有更高 ZIndex 的列表上。在您单击选项卡栏并选择另一个已部署“模态” View 的 TabItem 之前，它似乎可以工作。错误是:

[TableView] Warning once only: UITableView was told to layout its visible cells and other contents without being in the view hierarchy (the table view or one of its superviews has not been added to a window). This may cause bugs by forcing views inside the table view to load and perform layout without accurate information (e.g. table view bounds, trait collection, layout margins, safe area insets, etc), and will also cause unnecessary performance overhead due to extra layout passes.

所以，我想将可点击区域限制为“模态” View 区域的解决方案。 ¿ 有没有办法做到这一点？

Answer 1

可能您有一些条件状态，具体取决于您呈现“模态” View 的方式，因此根据相同的条件，您可以在 TabView 下方禁用，如下所示

TabView {
// ... tabs content here
}.disabled(showingModal)

更新:这是我的意思的方法演示(使用 Xcode 11.3+ 测试)

struct TestTabViewModal: View {
    @State private var selectedTab = 0
    @State private var modalShown = false
    var body: some View {
        ZStack {
            TabView(selection: $selectedTab) {
                VStack {
                    Button("Show Modal") { self.modalShown = true }
                        .padding(.top, 40)
                    Spacer()
                }
                .tabItem {
                    Image(systemName: "1.circle")
                }.tag(0)

                Text("2").tabItem {
                    Image(systemName: "1.circle")
                }.tag(1)
            }.disabled(modalShown)

            if modalShown {
                RoundedRectangle(cornerRadius: 10)
                    .fill(Color.yellow)
                    .frame(width: 320, height: 240)
                    .overlay(Button("CloseMe") { self.modalShown = false })
            }
        }
    }
}