为什么 ToolbarItem 按钮不可点击?

Why the ToolbarItem Button is not tappable?

我有一个 navigationView,其 ToolbarItem 包含一个按钮。 此按钮无法正确点击。要移动到下一个屏幕,我必须点击下方。 从 Debug View Hierarchy:
可以看出

以下是我将按钮添加到工具栏的方法:

var body: some View {
    ZStack { ... }
    .navigationBarTitle(Text("Format"), displayMode: .inline)
    .toolbar {
        ToolbarItem(placement: .navigationBarTrailing) {
            Button("Next") {
                setCanvas()
            }
        }      
    }
}

正在使用 NavigationLink

推送此视图

解决方案是向 Button 添加一个 .id,以强制 Button 自行呈现。我在这之前展示了一个模态,它有那个位置。

var body: some View {
ZStack { ... }
.navigationBarTitle(Text("Format"), displayMode: .inline)
.toolbar {
    ToolbarItem(placement: .navigationBarTrailing) {
        Button("Next") {
            setCanvas()
        }
        .id(UUID())
    }      
}

}