SwiftUI：模式关闭后导航栏中的按钮不会触发答案

【问题标题】：SwiftUI: Button in NavigationBar won't fire after modal dismissalSwiftUI：模式关闭后导航栏中的按钮不会触发
【发布时间】：2019-11-18 08:07:20
【问题描述】：

我遇到了一些奇怪的行为，试图让一个简单的模式在它被解除后弹出。

我在 NavigationBar 中有一个 Add 按钮，它会弹出一个模式。模态有一个可以关闭它的按钮，它可以工作。但是，在与屏幕上的其他内容交互之前，我无法再次与 NavigationBar 中的添加按钮交互，例如滚动下面的列表。

我还在列表本身中放置了另一个添加按钮，只是为了好玩。

这是主视图的代码：

import SwiftUI

struct ContentView: View {
  @State var displayModal: Bool = false

  var body: some View {
    NavigationView {
      List {
        Text("Hello again.")
          Button(action: { self.displayModal = true }) {
            Text("Add")
          }
      }
      .sheet(isPresented: $displayModal) {
        Modal(isPresented: self.$displayModal)
      }
      .navigationBarTitle("The Title")
      .navigationBarItems(trailing: Button(action: { self.displayModal = true }) {
        Text("Add")
      })
    }
  }
}

为了完整起见，模态：

import SwiftUI

struct Modal: View {
  @Binding var isPresented: Bool

  var body: some View {
    VStack {
      HStack {
        Button(action: {
          self.isPresented = false
        }) {
          Text("Cancel")
        }
        .padding()
        Spacer()
      }
      Text("I am the modal")
      Spacer()
    }
  }
}

我唯一能想到的是，一些不可见的东西阻止了我使用 NavigationBar 按钮。所以我启动了 UI 调试器，这就是 ContentView 的样子。注意 NavigationBar 按钮。

现在，当我点击按钮并显示模式后，然后使用 UI Debugger 再次查看 ContentView，所有相同的元素都在原位，但 Button 父视图偏移了一点，如下所示：

当我上下拖动 List 时，UI 调试器会显示与第一张图像相同的视图层次结构。

有人知道这里发生了什么吗？

我在 iPhone 11 Pro 模拟器上使用 Xcode 11.2.1 和 iOS 13，但在我的 iPhone 上也观察到了这一点。

谢谢！

【问题讨论】：

这里相同 - 我建议在雷达中打开一个错误....

标签： ios swift swiftui

【解决方案1】：

这确实是一个错误。有趣的是，在“拖动关闭”之后没有观察到问题，所以这是一种“同步/异步”状态变化之类的。

解决方法（当然是暂时的，几乎完全降低可见度）

  .navigationBarItems(trailing: Button(action: { self.displayModal = true }) {
    Text("Add").padding([.leading, .vertical], 4)
  })

【讨论】：

【解决方案2】：

我遇到了同样的问题，对我来说，解决方法是在演示者上使用内联样式的导航栏标题。

.navigationBarTitle(Text("The Title"), displayMode: .inline)

但是，如果您在 ContentView 上使用自定义强调色（如 .accentColor(Color.green)），则此解决方法不再有效。

编辑：该错误似乎已在 13.4 中修复，不再需要解决方法。

【讨论】：