使用偏移时的导航栏项目可点击区域切割

Question

在 SwiftUI 中，请考虑以下导航栏：

以下是尾随.navigationBarItems的声明方式：

HStack(spacing: 0) {
    Button(action: {
        self.addListModal = true
    }, label: {
        NavBarImage(image: "plus")
    })
    // more buttons here

这是NavBarImage结构：

struct NavBarImage: View {
    var image: String

    var body: some View {
        ZStack {
            Rectangle().foregroundColor(Color.red).frame(width: 40, height: 45)
            Image(systemName: image)
        }
    }
}

红色在那里，所以我可以看到每个按钮的可点击区域应该是什么。这ZStack有一个Rectangle想法介绍给我的一种方式，使图像更容易点击。

现在，我想将项目向右移动，以便它们更符合下面的列表内容。我尝试添加一个.offset到我的HStack：

HStack(spacing: 0) {
    // buttons
}
.offset(x: 15, y: 0)

产生这个结果：

所以这对我来说看起来很完美。然而，问题是最右侧的导航按钮的可点击区域在右侧被切断。

我已经用绿色说明了可点击区域的切断，这里：

所述按钮的绿色区域不再记录任何点击。

我已经使用负尾随试图.padding在HStack相反，它并没有区别。有没有办法纠正这个问题，也许是通过UINavigationBar在init()我的内容视图中使用一些声明？

编辑：

我只是尝试添加.accessibility到Rectangle，结果是一样的：

Rectangle().foregroundColor(Color.red)
    .accessibility(label: Text(image))
    .frame(width: 40, height: 45)

Answer 1

尝试使用代替

HStack(spacing: 0) {
    // buttons
}
.padding(.trailing, 15)